自动填充输入

Question

我正在构建一个自动填充并提交表单的机器人。我通过网络搜索过，发现了

document.querySelector('input[name="input_price"]').value = '2';

和

var el = document.getElementsByName("input_price")[0];
el.value = "$2.00"

两者都有效 - 他们填写输入。但是当填充输入时，应该会出现一个复选框，但它并没有。没有复选框，我无法继续。如果我手动添加字面上任何输入，复选框出现。有什么方法可以解决这个问题吗？

Answer 1

复选框的显示可能是由输入字段上的更改事件触发的。当用户手动输入值时，浏览器会触发此事件，但是当您使用JavaScript更改值时，不会触发该事件。

您可以通过以下方式以编程方式触发事件：

var el = document.getElementsByName("input_price")[0];
el.value = "$2.00";
el.dispatchEvent(new Event('change'));

请参阅related question on Stack Overflow。