如何使用浏览器搜索(ctrl-f)来搜索下拉列表中的选定选项?

4
我页面上有多个下拉选择框。由于表单非常长,用户无法每次滚动以查找所选选项,因此我需要使用浏览器的Ctrl-F搜索来查找下拉列表的选择选项。
但是浏览器的Ctrl-F不会搜索所选的下拉列表值。

drowndown on web page

ctrl-f search is not able to find the selected option

这在JavaScript中有任何解决方法吗?


在页面视图中无法实现,但你绝对可以在Chrome开发者工具的元素选项卡中找到。 - Faisal Mehmood Awan
2
如果你想在一个选择元素中进行搜索,那么你应该使用一个选择过滤插件,比如Select2或Chosen。CTRL+F无法(也不能修改为)起作用。 - Rory McCrossan
如果你期望用户不得不使用CTRL+F来使用你的页面,我认为你需要重新考虑用户体验的方法。 - Drummad
谢谢回复,伙计们!我只是想知道是否有任何变通方法。看来我得找其他办法来搜索数据了。 - IT_Philic
1个回答

0
进一步回应Faisal在评论中的回答,打开开发工具(我假设大多数人都知道如何打开:在Windows中按F12),然后使用CTRL+F进行搜索。
现在,你不能只搜索"Design Only",你需要找到一个合适的属性来使用xpath,例如: //*[@componentvalue="Design Only"] 或者 //*[@class="select"] 我建议先检查元素,找到一个可以依附的属性,然后相应地调整xpath的查找条件。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接