如何从Web浏览器开发人员工具中选择Javascript选项

Question

我正在尝试使用Javascript从浏览器开发者工具的下拉菜单中选择所需的值。下图显示了该页面的内容。

但每当我使用代码选择另一个值然后单击“保存”按钮时，实际上并未保存更改。当我用鼠标正常选择并单击保存按钮时，它会正常更改。

我尝试了以下内容。这些似乎改变了所选下拉菜单的值（当我编写代码时显示2）但之后无法保存。

1- document.getElementById('channel24g_ctrl')[2].selected = true

2- document.getElementById('channel24g_ctrl').options.selectedIndex = 2

3- document.getElementById('channel24g_ctrl').options[2].selected = true

4- document.getElementById('channel24g_ctrl').options[2].click()

5- document.getElementById('channel24g_ctrl').options[2].setAttribute("selected", "selected"); document.getElementById('channel24g_ctrl').options[1].removeAttribute("selected");

我可能已尝试过上述其他组合。 只有第五个实际上是目标选项＆＃34;选择＆＃34;但单击保存按钮时仍然无法正常工作。我不是javascript或者ember的专家，但我之前和其他网站做过类似的事情并且成功了。那么问题可能在于Ember Framework？

我还能做什么？

Answer 1

document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected'

Answer 2

显然，单独选择一个选项有时是不够的。选择该选项后，必须调用change()才能应用更改。下面这段代码就是诀窍：

document.getElementById('channel24g_ctrl').options[2].selected = true;
$(document.querySelector('#channel24g_ctrl')).change();
document.getElementById('wifi_wizard_save').click();