将下拉列表放在另一个下拉列表中

Question

使用HTML，我正在尝试创建一个嵌套的下拉菜单，但到目前为止还没有成功。我在第一个下拉列表中的第二个项目中放置了一个下拉列表，但内部下拉列表根本没有显示，as seen here：

<select id="myList">
  <option></option>
  <option>Item 1</option>
    <option>Item 2 with a dropdown list inside it
        <select id="myList">
            <option></option>
            <option>Item 1</option>
            <option>Item 2</option>
        </select>
    </option>
</select>

是否可以将一个HTML下拉列表放在另一个HTML下拉列表中？

Answer 1

这是不可能的，select选项不能包含任何其他html标签。

  

带有最终转义字符的文字（如é）仅允许在选择选项中使用。

See Reference

可能你想使用/创建一些JS插件。以下可能适合您的需要。 http://twitter.github.io/bootstrap/javascript.html#dropdowns

Answer 2

您不能拥有嵌套下拉列表。标准下拉列表不支持任意html，因此您必须创建自己的自定义下拉列表才能实现此目的。 一种技术是使用带有z-index的div并添加展开/折叠逻辑以创建下拉效果。

Answer 3

我找到了a JQuery plugin called Droppy，它似乎是为了解决我在这里描述的问题。

动态云端硬盘也制作了a similar script with the same purpose。