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

时间:2012-08-24 06:33:21

标签: javascript jquery asp.net ajax

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

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

我忘了提一下,我是从sqlserver数据库绑定的。和下拉列表中的绑定数据。

3 个答案:

答案 0 :(得分:3)

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>

答案 1 :(得分:0)

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

答案 2 :(得分:0)

您好请参阅此link

只需复制粘贴两个文件夹,然后尝试使用以下类型代码

在项目中添加下拉列表
 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);