如何使用 Web 浏览器开发人员工具 select 选项和 Javascript

Question

我正在尝试使用 Javascript 从浏览器开发人员工具的下拉菜单中 select 一个所需的值。下图为页面内容

但是每当我 select 另一个带有代码的值然后单击保存按钮时，更改实际上并没有保存。当我用鼠标正常 select 并单击保存按钮时，它会正常更改。

我尝试了以下方法。这些看似改变了 selected 下拉菜单的值（我写代码时它显示 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");

我可能已经尝试了上述的一些其他组合。只有第五个实际上使目标选项 "selected" 但在单击保存按钮时它仍然不起作用。我不是 javascript 或 ember 方面的专家，但我之前在其他网站做过类似的事情并取得了成功。所以也许问题出在 Ember 框架？

我还能做什么？

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();

如何使用 Web 浏览器开发人员工具 select 选项和 Javascript

How to select option with Javascript from web browser developer tools

javascript

developer-tools