在下拉列表中的类别中拆分选项
split options in categories in dropdown list
我想在下拉列表中添加多个选项及其类别。类似于基于部门的名称列表,但部门名称不应可选。如何在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);
相关文章:
- 我的单元测试选项是什么
- 如何更改bigquery API中的计费层选项
- 使用Javascript获取所选选项ID
- Selectize.js:如何对整数值的选项进行排序
- 通过js在新选项卡中有条件地打开url
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- 拆分单词jquery
- 无法在Ionic select中预先选择最后一个选项
- 如何在选项卡上定义属性'的主窗口对象
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 使用此选项选择父类内部的类
- CKeditor:更改对话框中的默认选择选项
- 在下拉列表中的类别中拆分选项
- KendoUI 工具栏拆分按钮会自动突出显示下拉列表中的第一个选项.如何使所有选项看起来相同
- ExtJs 拆分按钮菜单 - 在新选项卡中打开
- 使用 jQuery UI 选项卡拆分表单是否会影响表单发布到 PHP
- Jquery函数将选项列表拆分为分层选择
- Javascript表单选项值拆分为两个不同的输入值
- jQuery UI 选项卡 - 未捕获类型错误:无法调用未定义的方法“拆分”