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

Question

我想在下拉列表中添加多个选项及其类别。与基于其部门的名称列表一样，但不应选择部门名称。如何在 asp.net 中执行此操作？例如。

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

我忘了提，我是从 sqlserver 数据库绑定这个的。并在下拉列表中绑定数据。

Answer 1

没有任何关系，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>

Answer 2

使用 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>

小提琴

Answer 3

您好，请参考此链接

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

 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);