如何更改输入值?

Posted

技术标签:

【中文标题】如何更改输入值?【英文标题】:How to change value of input? 【发布时间】:2018-04-15 03:15:52 【问题描述】:

我正在对网站进行自动化测试,但在更新输入值时遇到了问题。如果我更改了值,我尝试更新的值似乎没有在活动 DOM 中更新,这导致我提交后没有任何反应。

我什至尝试过检查元素并手动更改了值,但它仍然不起作用。

IjavascriptExecutor jse = (IJavaScriptExecutor)driver;
jse.ExecuteScript(
  "document.getElementById('ScheduleTime').setAttribute('value','2020-01-01 00:00')"
);

driver.FindElement(By.XPath("//button[contains(text(),'Submit')]")).Click();

【问题讨论】:

如果文本框没有被禁用,它应该可以工作,也可以试试 jse.ExecuteScript("document.getElementById('ScheduleTime').value='2020-01-01 00:00') "); 【参考方案1】:

使用原生 JS,可以在此处使用 element.value 更改 value

IJavaScriptExecutor jse = (IJavaScriptExecutor)driver;
jse.ExecuteScript("document.getElementById('ScheduleTime').value='2020-01-01 00:00'");

试试看。

还要确保您的 input 元素未被禁用。

【讨论】:

【参考方案2】:

首先,不要使用 JSE 设置值。没有用户会这样做,这很可能是导致您出现问题的原因。使用 JSE 设置值还可以绕过任何事件或 JS 处理输入,这将使您的输入跳过错误检查、自动格式化等。

Selenium 有一个内置的方法来处理这个问题,.sendKeys()。我不知道您使用的是什么语言,但下面是一个 Java 示例。所有语言绑定都应具有将在官方文档中记录的等效项。我建议您在那里查看它们并使用它们而不是 JSE。

driver.findElement(By.id("ScheduleTime")).sendKeys("2020-01-01 00:00");

【讨论】:

以上是关于如何更改输入值?的主要内容,如果未能解决你的问题,请参考以下文章

如何在不更改输入内容的情况下更改输入值

如果组件用于多个输入,如何更改输入值

如何更改多个填充的复选框输入字段值?

在Angularjs2中更改输入值时如何更新模型值

如何使用zend框架2在更改下拉值时在输入字段内显示值

vuejs如何更改组件的输入值