如何使用选择选项mentod制作多级下拉菜单 [英] How to make multi level dropdown menu using select option mentod

问题描述

我想使用选择和选择方法制作多级下拉菜单

i want to make multi level dropdown menu using select and option method

<select>
   <option value="" data-display-text="Select">None</option>
   <option value="oranges">SSC</option>
   <option value="oranges">GATE</option>
   <option value="bananas">BANK PO</option>
   <option value="bananas">RAILWAY</option>
 </select>

推荐答案

据我了解您的多级下拉菜单"概念，您可以进行简单的下拉菜单，并通过CSS移动某些元素.导管名称存储在光电组中.

As far as I understand your "multi level dropdown" concept You can make simple dropdown and just move some elements by css. Cathegory name is stored in optogroup.

<select name="select_projects" id="select_projects">
        <option value="">project.xml</option>
        <optgroup label="client1">
            <option value="">project2.xml</option>
        </optgroup>
        <optgroup label="client2">
            <option value="">project5.xml</option>
            <option value="">project6.xml</option>
            <optgroup label="client2_a">
                <option value="" style="margin-left:23px;">project7.xml</option>
                <option value="" style="margin-left:23px;">project8.xml</option>
            </optgroup>
            <option value="">project3.xml</option>
            <option value="">project4.xml</option>
       </optgroup>
       <option value="">project0.xml</option>
       <option value="">project1.xml</option>
    </select>

已更新:
或者，如果您尝试像在Windows的开始"菜单中那样制作下拉列表的链"，则这是最简单的方法:
https://jqueryui.com/menu/

这篇关于如何使用选择选项mentod制作多级下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！