0

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

<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 下拉列表中吗？

4

3 回答 3

1

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

最终转义字符（如&eacute;）的文本只允许在选择选项中使用。

See Reference

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

于 2013-04-21T04:58:03.090 回答
0

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

于 2013-04-21T04:59:14.953 回答
0

我找到了一个名为 Droppy 的 JQuery 插件，它似乎是为了解决我在这里描述的问题。

Dynamic Drive 也制作了一个具有相同目的的类似脚本。

于 2013-04-21T05:13:20.323 回答