Javascript 从Firefox/Chrome控制台动态更改表单输入

Javascript 从Firefox/Chrome控制台动态更改表单输入,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,我现在正在学习javascript(使用浏览器的firebug控制台),在输入命令时很难理解如何激活更改 例如,一个网站有一个下拉框名为“mvprodvaronetimeorder”,其中有几个选项,如: IpA-Q-Q,IpQ-Q-Q,Ipw-Q-Q。。。我可以使用命令获得第三个值: document.getElementsByName("mvprodvaronetimeorder")[0].value="Ipg-Q-Q"; 但是,当我从下拉框中选择相应的值(显示另一个要选择的下拉

我现在正在学习javascript(使用浏览器的firebug控制台),在输入命令时很难理解如何激活更改

例如,一个网站有一个下拉框名为“mvprodvaronetimeorder”,其中有几个选项,如: IpA-Q-Q,IpQ-Q-Q,Ipw-Q-Q。。。我可以使用命令获得第三个值:

    document.getElementsByName("mvprodvaronetimeorder")[0].value="Ipg-Q-Q"; 
但是,当我从下拉框中选择相应的值(显示另一个要选择的下拉框)时,它不会激活相同的操作。然后我就不能再和第二个下拉框和其他东西互动了

当我尝试使用以下命令填充文本框时,也会发生同样的情况:

            document.getElementById("luckyme")[0].value="You are lucky"; 
虽然它会更改,但当我单击“提交”按钮时,更改不会反映出来,它要求我复制粘贴或类型,至少单击该文本框以激活更改


是否有人可以建议我如何从控制台自动化该过程?

在JavaScript中指定值会更新选择,但不会通知该页面上运行的代码更改

要使页面对更改做出反应,还需要在下拉列表中触发更改事件:

var el = document.getElementsByName("mvprodvaronetimeorder")[0];
el.value = "Ipg-Q-Q"
el.dispatchEvent(new Event("change"))
然后,页面知道所选内容已更改,并在下面显示新的下拉列表

要了解元素正在侦听的事件,可以使用
getEventListeners

getEventListeners(document.getElementsByName("mvprodvaronetimeorder")[0])
// Object {change: Array[1]}

请再显示一些代码?请不要发布通过广告服务重定向的链接。只发布内容的直接链接。