在下拉列表中的类别中拆分选项

split options in categories in dropdown list

本文关键字:拆分 选项 下拉列表      更新时间:2023-09-26

我想在下拉列表中添加多个选项及其类别。类似于基于部门的名称列表,但部门名称不应可选。如何在asp.net中做到这一点?例如

--IT--
Programmer
Tester
Analyst
--HR--
Manager
Executive-HR
Sr.Executive–HR Talent Acquisition

我忘了提一下,我正在从sqlserver数据库绑定这个。以及在下拉列表中绑定数据。

asp.net无关,因为它可以与HTML 一起完成

<select>
    <optgroup label="--IT--"></optgroup>
    <option value="0">Programmer</option>
    <option value="1">Tester</option>
    <option value="2">Analyst</option>
    <optgroup label="--HR--"></optgroup>
    <option value="3">Manager</option>
    <option value="4">Executive-HR</option>
    <option value="5">Sr.Executive–HR Talent Acquisition</option>
</select>

使用HTML optgroup标记:

<select>
  <optgroup label="--IT--">
    <option value="Programmer">Programmer</option>
    <option value="Tester">Tester</option>
    <option value="Analyst">Analyst</option>
  </optgroup>
  <optgroup label="--HR--">
    <option value="Manager">Manager</option>
    <option value="Executive-HR">Executive-HR</option>
    <option value="Executive-HR-T">Sr.Executive–HR Talent Acquisition</option>
  </optgroup>
</select>

FIDDLE

嗨,请参阅此链接

只需复制粘贴两个文件夹,并尝试在您的项目中添加下拉列表,下面的类型代码为

 ListItem item1 = new ListItem("Camel", "1");
        item1.Attributes["OptionGroup"] = "Mammals";
        ListItem item2 = new ListItem("Lion", "2");
        item2.Attributes["OptionGroup"] = "Mammals";
        ListItem item3 = new ListItem("Whale", "3");
        item3.Attributes["OptionGroup"] = "Mammals";
        ListItem item4 = new ListItem("Walrus", "4");
        item4.Attributes["OptionGroup"] = "Mammals";
        ListItem item5 = new ListItem("Velociraptor", "5");
        item5.Attributes["OptionGroup"] = "Dinosaurs";
        ListItem item6 = new ListItem("Allosaurus", "6");
        item6.Attributes["OptionGroup"] = "Dinosaurs";
        ListItem item7 = new ListItem("Triceratops", "7");
        item7.Attributes["OptionGroup"] = "Dinosaurs";
        ListItem item8 = new ListItem("Stegosaurus", "8");
        item8.Attributes["OptionGroup"] = "Dinosaurs";
        ListItem item9 = new ListItem("Tyrannosaurus", "9");
        item9.Attributes["OptionGroup"] = "Dinosaurs";

        DDLTest.Items.Add(item1);
        DDLTest.Items.Add(item2);
        DDLTest.Items.Add(item3);
        DDLTest.Items.Add(item4);
        DDLTest.Items.Add(item5);
        DDLTest.Items.Add(item6);
        DDLTest.Items.Add(item7);
        DDLTest.Items.Add(item8);
        DDLTest.Items.Add(item9);