Javascript Asp.Net中的多选下拉列表
我需要使用ASP.NET控件设计带有复选框的multiselect下拉菜单选项,并且在绑定下拉菜单上的值时需要选择复选框。请帮助您可以使用下面的开源库来实现您的目标—它简单且非常神奇Javascript Asp.Net中的多选下拉列表,javascript,jquery,asp.net,dropdownbox,Javascript,Jquery,Asp.net,Dropdownbox,我需要使用ASP.NET控件设计带有复选框的multiselect下拉菜单选项,并且在绑定下拉菜单上的值时需要选择复选框。请帮助您可以使用下面的开源库来实现您的目标—它简单且非常神奇 http://wenzhixin.net.cn/p/multiple-select/ 请检查这个,我为我的项目开发了类似的下拉列表 //多个下拉选择 $('.multiDrop')。on('click',函数(e){ e、 停止传播(); $(this).next('ul').slideToggle(); })
http://wenzhixin.net.cn/p/multiple-select/
请检查这个,我为我的项目开发了类似的下拉列表
//多个下拉选择
$('.multiDrop')。on('click',函数(e){
e、 停止传播();
$(this).next('ul').slideToggle();
});
$(文档)。在('click',函数(){
if(!$(event.target).closest('.wrapMulDrop').length){
$('.wrapMulDrop ul').slideUp();
}
});
$('.wrapMulDrop ul li input[type=“checkbox”]')。on('change',function(){
变量x=$('.wrapMulDrop ul li输入[type=“checkbox”]:checked')。长度;
如果(x!=“”){
$('.multiDrop').html(x++“选定”);
}else如果(x<1){
$('.multiDrop').html('Select Templates');
}
});代码>
.wrapMulDrop{
宽度:50%;
显示:内联块;
位置:相对位置;
}
.多点{
宽度:100%;
填充:5%;
背景色:透明;
边框:1px实心#ccc;
颜色:#999;
文本对齐:左对齐;
}
.多点:聚焦{
大纲:无;
}
wrapMulDrop.ul{
位置:绝对位置;
保证金:0;
填充:0;
左:0;
右:0;
z指数:5;
显示:无;
}
wrapMulDrop ul li先生{
列表样式类型:无;
背景色:#e5801d;
填充:1%6%;
}
wrapMulDrop ul li:悬停{
背景色:#33414e;
}
.wrapMulDrop ul li标签{
宽度:100%!重要;
光标:指针;
边距:0!重要;
颜色:#f1f1;
}
选择模板
-
模板1
-
模板2
-
模板3
-
模板4
请尝试此url嗨,桑杰,谢谢您的快速回复。您提供的Url被关联到查询下拉列表,但我需要典型的ASP.NET下拉列表和MultiSelectUpper链接,用于使用jquery创建多选复选框列表。您可以在此处添加下拉列表,上面链接中提供的脚本将转换为多个复选框,并将所选项目值存储在hiddenfields中。感谢Akshay..我正在使用multi-select选项查看ASP.NET下拉控件。我在滚动页面时创建了multiselect下拉控件列表处于固定位置这是代码全选