问题标签 [custom-selectors]

我正在处理一个自定义选择元素，代码在 codepen 和 jsfiddle 中按预期运行，但如果我在浏览器中运行它不会下拉。我以前从未在 web 项目中实现过 js，所以我觉得我错过了一些相当简单的东西。

这是codepen的链接：https ://codepen.io/kylegendy/pen/xxwYrPr

这是我输入的代码......：

脚本.js

模板.css

模板.html

编辑：我从 jsfiddle 和 codepen 的第 38 行开始删除了 js 代码段，并且下拉列表的工作方式相同，但当我在文件中删除它以在浏览器上运行时，虽然错误消失了，下拉菜单仍然不起作用。

如何在 WebdriverIO 中查找具有自定义类名的元素

如何查找具有此特定类名的元素 ng-repeat="documentsUploaded"

我有这个代码：https ://www.w3schools.com/howto/howto_custom_select.asp

我只想为每个选项添加一个不同的 URL，以便在单击时打开它。我已经尝试了很多方法，但没有一个有效。我不懂 Javascript，我认为我尝试过的选项可能与这些选项冲突。

任何人都可以帮助解决这个问题吗？非常感谢您的时间和帮助。

我正在尝试在Tom Select下拉菜单中创建一个键值选择工具。更准确地说，我正在尝试模拟 AWS E2 搜索工具的下拉菜单，如下图：

1.单击“过滤实例”搜索框后，您会收到下拉标签选择提示

2.点击标签（例如架构）后，会出现第二个下拉菜单：

3.单击下拉列表中的一个值后，我得到了我的选择的键值表示：

我试图通过阻止默认事件行为来使其工作，但我无法让它工作，并且文档并没有真正帮助。

您能否指导我正确的方向或提出一个新的 Select UI 控件插件？

我是 JavaScript 新手，我尝试了很多时间，但无法做到。有人可以帮我解决下面的（图片）自定义选择框。并且“+新类别”底部稳定如图所示。还想在不同的地方多次使用它。