javascript - 下拉菜单/选择框内的菜单树

Question

有没有办法在下拉/选择框中包含树状菜单。我有这样的类别列表

<ul id="example">
<li>Category1
    <ul>
        <li><a href="http://www.autisticcuckoo.net">Category1 subcat1</a></li>
        <li><a href="http://www.zeldman.com">Category1 subcat2</a></li>
        <li><a href="http://www.meyerweb.com">Category1 subcat3</a></li>
    </ul>
</li>
<li>Other Sites
    <ul>
        <li><a href="http://www.accessify.com/">Category2</a></li>
        <li><a href="http://www.w3.org/">Category3</a>
            <ul>
                <li><a href="http://validator.w3.org/">Category3 subcat1</a></li>
                <li><a href="http://jigsaw.w3.org/css-validator/">Category3 subcat2</a></li>
                <li><a href="http://www.w3.org/TR/WAI-WEBCONTENT/">Category3 subcat3</a></li>
            </ul>
        </li>
    </ul>
</li>

我希望我的类别列表像树状菜单。 http://mackpexton.com/projects/TreeMenu/index.htm现在我使用 jquery 选择来显示选择框。有什么办法吗？

Answer 1

您不能在选择框内执行此操作。不过，你可以伪造它。创建一个带有选择框和您的 ul 列表和按钮的容器，单击时将显示它。然后在单击列表中的任何元素后，您应该将单击的元素映射到选择框中的特定元素，并更新触发下拉列表的可见按钮的值。