Question

以下代码更改了字段的“文本”，但网站未将其选中。提交表单时，它表示该字段仍然为空，并输入有效的数字。

var number = 123;
var field = document.getElementById('textfield');

field.value = number;

上面的代码仅在视觉上更改了文本框的输入。有没有办法模仿物理字段条目（由表单将其拾取）？

类型从未选择的文本更改为选择的数字。

Answer 1

编辑：我仍然没有看到您的提交功能，因此我在下面提供了一个示例。

这是您所期望的吗？

var number = 123;
var field = document.getElementById('td-wb-order-price-amount-limit-price');
var example = document.getElementById('example');


function clickMe() {
field.value = number.toString();;
example.innerHTML = "Your input value is " + number;
}

<input _ngcontent-axt-c487="" name="limitPrice" type="text" tdwbinput="" tdwbnumberinput="n4-2" 
required="" nonzero="" min="0" maxlength="7" tdwbnumberinputgroupseparator="true" 
class="td-wb-order-price-amount__input-limit-price td-wb-input ng-untouched ng-pristine ng-invalid" 
id="td-wb-order-price-amount-limit-price" autocomplete="off" aria-invalid="false">

<button onclick="clickMe();">Click </button>

<p id="example"></p>

Answer 2

您将需要onchange属性来检测输入字段中的更改。

const handleChange = () => {
  const inputValue = document.getElementById('input').value;
  console.log(inputValue)
}

<input type="text" id="input" onchange="handleChange()" />

文本框输入值未更改

2 个答案: