Javascript＆gt;在element.value上更改

Question

我制作了一个类似于PayPal新输入组件的输入组件：

<div class="panel panel-default input-panel">
    <div class="panel-body input-body">
        <div class="input-caption">Firstname</div>
        <input type="text" class="input-value" id="testinput">
    </div>
</div>

当手动与元素交互时，一切正常。

但是，如果我使用JavaScript设置输入值元素的.value属性，则会发生以下情况：

document.getElementById("testinput").value = 'hello';

我已经尝试过在没有爱的情况下尝试更改.value属性。

小提琴：https://jsfiddle.net/x1ztxuqq/

Answer 1

您可以在按钮单击处理程序中触发onchange事件。

<强>替换

document.getElementById("testinput").value = 'hello';

使用

document.getElementById('testinput').value = 'hello'; document.getElementById('testinput').dispatchEvent(new Event('change'));