下拉/选择框内的菜单树

Question

有没有办法在下拉/选择框中包含treemenu？我有像这样的类别列表

<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

你不能在选择框中这样做。不过，你可以假装一下。使用selectbox和您的ul列表和按钮创建一个容器，该按钮将在单击时显示它。然后，在单击列表中的任何项目后，您应该将单击的项目映射到selectbox中的特定项目，并更新触发下拉菜单的visible button的值。

Answer 2

你把事情复杂化了。为什么会有人想要在选择列表中包含分层菜单。选择列表用于显示项目列表。你怎么知道你从树形菜单中选择了哪一项。(我的意思是，您如何知道所选项目的路径)。

如果你能找到一个例子(用法)，也许能帮到你。

我上传了一张图片..这就是你要实现的目标吗？

​

​

这就是所谓的树形菜单。

​

​

第二张图片来自jquery选择的站点。如果这就是你想要的

您可以很容易地实现这一点。

<select>
        <optgroup label="fruits">
            <option>Apple</option>
            <option>Apple</option>
            <option>Apple</option>
        </optgroup>
        <optgroup label="fruits">
            <option>Apple</option>
            <option>Apple</option>
            <option>Apple</option>
        </optgroup>
        <optgroup label="fruits">
            <option>Apple</option>
            <option>Apple</option>
            <option>Apple</option>
        </optgroup>
    </select>