使用框中的箭头增加 TextBox 中的值答案

【问题标题】：Increment the value in a TextBox using the Arrow Inside the Box使用框中的箭头增加 TextBox 中的值
【发布时间】：2020-03-07 19:21:53
【问题描述】：

在自动化代码中，我想用大于 0 的数字填充文本框。setvalue() 不起作用。用户必须单击向上箭头（见图）才能使文本框可编辑。我怎样才能做到这一点？

 <input aria-invalid="false" autocomplete="off" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense" id="yieldGoal" name="yieldGoal" placeholder="0.00" type="number" min="0.01" step="0.01" data-test="new-program-form__yield-goal-input" value="0.00">

到目前为止，我已尝试将属性 step、value 设置为大于 0.0 的值。它没有用。

$('#yieldGoal').setAttribute('step', "2.0")

增加文本框中的值

【问题讨论】：

标签： javascript wdio-jasmine

【解决方案1】：

请使用val设置输入元素的值。

$('#yieldGoal').val("2.0");

希望这能解决问题。

【讨论】：

没有用。这可能是由于wdio。它有自己的函数 setValue()。为什么我在 Chrome 浏览器控制台中看到此错误？未捕获的 TypeError: $(...).val is not a function at :1:55
我认为您缺少 JQuery，尝试添加 jQuery 库并运行此代码。
好的。添加另一个观察。 UpArrow 和 DownApprow 键增加/减少值。调用 browser.keys(UpArrow) 怎么样？

【解决方案2】：

如果这是 texbox 并且你使用 jQuery 试试

$('#yieldGoal').val("2.0")

【讨论】：