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

攻击

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

Web 浏览器开发者工具内容

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

我尝试了以下内容。这些似乎改变了所选下拉菜单的值(在我编写代码时显示为 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");

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

我还可以做些什么?

攻击

显然,仅选择一个选项有时是不够的。change()必须在选择选项后调用才能应用更改。下面的一段代码成功了:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将开发人员工具停靠在Vivaldi Web浏览器中?

来自分类Dev

浏览器开发人员工具-“计算与规则”选项卡

来自分类Dev

如何使用Firefox开发人员工具清除或删除浏览器会话

来自分类Dev

如何在Google Chrome浏览器检查器中更改CSS制表位(开发人员工具)

来自分类Dev

浏览器开发人员工具中的Discovery JavaScript执行路径和文件

来自分类Dev

使用浏览器的开发人员工具时,是否可以显示JavaScript数组括号和对象的内容?

来自分类常见问题

如何从Google Chrome浏览器的“开发人员工具”的“来源”标签中保存整个文件夹?

来自分类Dev

如何在谷歌浏览器的开发人员工具中显示样式表的路径?

来自分类Dev

从URL栏可见的Cookie,但在浏览器开发人员工具的“应用程序”选项卡中不可见

来自分类Dev

Chrome开发人员工具如何生成CSS选择器?

来自分类Dev

如何在Firefox开发人员工具Web控制台中测试复制粘贴?

来自分类Dev

如何在左侧的Chrome开发人员工具Javascript控制台上显示源文件的名称?

来自分类Dev

从开发人员工具中的选择元素中打印选项列表

来自分类Dev

Safari Web开发人员工具?

来自分类Dev

Google Chrome Web开发人员工具

来自分类Dev

使用开发人员工具模拟JavaScript事件?

来自分类Dev

Chrome或Firefox中的Web开发人员模式:如何获取对象的CSS完全选择器?

来自分类Dev

如何在Chrome开发人员工具网络监视器中阻止URL

来自分类Dev

如何使用Selenium 2 / Web驱动程序javascript API从选择下拉列表中选择一个选项?

来自分类Dev

macOS Catalina上的Safari-开发人员工具中缺少“调试器”选项卡吗?

来自分类Dev

Javascript / Web开发人员:为什么需要服务器才能连接到硬件?

来自分类Dev

Internet Explorer 11开发人员工具缺少调整大小选项

来自分类Dev

Firefox、开发人员工具和文件下载在单独的(临时)选项卡中

来自分类Dev

无法在 Firefox 开发人员工具中打开网络选项卡

来自分类Dev

chrome 开发人员工具 - 取消停靠源选项卡

来自分类Dev

Web开发人员如何为Ubuntu做出贡献?

来自分类Dev

如何更改Javascript中的选择选项

来自分类Dev

如何使Chrome在Mac上启动和关闭“开发人员工具”(如带有F12和Ctrl + Shift + C的Firebug)

来自分类Dev

Firefox开发人员工具+ Chrome调试器控制台错误地显示javascript对象引用

Related 相关文章

  1. 1

    如何将开发人员工具停靠在Vivaldi Web浏览器中?

  2. 2

    浏览器开发人员工具-“计算与规则”选项卡

  3. 3

    如何使用Firefox开发人员工具清除或删除浏览器会话

  4. 4

    如何在Google Chrome浏览器检查器中更改CSS制表位(开发人员工具)

  5. 5

    浏览器开发人员工具中的Discovery JavaScript执行路径和文件

  6. 6

    使用浏览器的开发人员工具时,是否可以显示JavaScript数组括号和对象的内容?

  7. 7

    如何从Google Chrome浏览器的“开发人员工具”的“来源”标签中保存整个文件夹?

  8. 8

    如何在谷歌浏览器的开发人员工具中显示样式表的路径?

  9. 9

    从URL栏可见的Cookie,但在浏览器开发人员工具的“应用程序”选项卡中不可见

  10. 10

    Chrome开发人员工具如何生成CSS选择器?

  11. 11

    如何在Firefox开发人员工具Web控制台中测试复制粘贴?

  12. 12

    如何在左侧的Chrome开发人员工具Javascript控制台上显示源文件的名称?

  13. 13

    从开发人员工具中的选择元素中打印选项列表

  14. 14

    Safari Web开发人员工具?

  15. 15

    Google Chrome Web开发人员工具

  16. 16

    使用开发人员工具模拟JavaScript事件?

  17. 17

    Chrome或Firefox中的Web开发人员模式:如何获取对象的CSS完全选择器?

  18. 18

    如何在Chrome开发人员工具网络监视器中阻止URL

  19. 19

    如何使用Selenium 2 / Web驱动程序javascript API从选择下拉列表中选择一个选项?

  20. 20

    macOS Catalina上的Safari-开发人员工具中缺少“调试器”选项卡吗?

  21. 21

    Javascript / Web开发人员:为什么需要服务器才能连接到硬件?

  22. 22

    Internet Explorer 11开发人员工具缺少调整大小选项

  23. 23

    Firefox、开发人员工具和文件下载在单独的(临时)选项卡中

  24. 24

    无法在 Firefox 开发人员工具中打开网络选项卡

  25. 25

    chrome 开发人员工具 - 取消停靠源选项卡

  26. 26

    Web开发人员如何为Ubuntu做出贡献?

  27. 27

    如何更改Javascript中的选择选项

  28. 28

    如何使Chrome在Mac上启动和关闭“开发人员工具”(如带有F12和Ctrl + Shift + C的Firebug)

  29. 29

    Firefox开发人员工具+ Chrome调试器控制台错误地显示javascript对象引用

热门标签

归档