先给大家展示下效果图：

除了jquery，需要引用的样式和射流研究…文件：

链接rel='样式表type='text/css' href='./assets/jquery。多选。CSS '/link rel='样式表type='text/css' href='./assets/style.css' /link rel='样式表type='text/css' href='./assets/pretify。' CSS/link href='./assets/jquery-ui.css' rel='样式表'/脚本src='http:/assets/jquery。js '/script脚本src=' http :/assets/jquery-ui。量滴js '/script脚本类型=' text/JavaScript ' src=' http :/assets/pretify。js '/script脚本类型=' text/JavaScript ' src=' http :/assets/jquery。多选。js ' charset=GB 2312/脚本html代码：

选择title='基本示例' multiple=' multiple ' name=' example-Basic ' size=' 5 ' id=' DDL conditions ' Option值=' 1 ' Option 1/Option值=' 2 ' Option 2/Option值=' 3 ' Option 3/Option值=' 4 ' Option 4/Option Option Option值=' 5 ' Option 5/Option值=' 6 ' Option 6/Option Option Option值=' 7 ' Option 7/Option/select默认选中值1,2,3,绑定指定的选项：

var strcondition='1，2，3 '；var ids=strcondition.split('，')；如果(id！=null) { $('#ddlConditions ').val(id)；$('#ddlConditions ').多选("刷新");}获取选中的多个值：

首先修改jquery.multiselect.js，添加全局变量多元价值，用来存放选项值，然后修改更新方法，添加多值那一行代码：

update : function(){ var o=this。选项；var $ inputs=this . input var $ checked=$ inputs。过滤器(' :已检查')；var NumChecked=$ checked . length var值；if(NuMcHecked===0){ value=o . noneselected text；} else {if($).is函数(o . selected text)){ value=o . selected text。call(this，numChecked，$inputs.length，$ checked。get())；} else if(/d/.测试(o .选定列表)o .选定列表0 numChecked=o .选定列表){ value=$ checked。map(function(){ return $(this)).下一个()。html()；}).get().join('，')；} else { value=o . selectedtext。替换(' # '，numChecked).替换(' # '，$ inputs。长度)；}多值=$ checked。map(function(){ return $(this)).val()；}).get().join('，')；}这个_setButtonValue(值);返回值；}, 再添加自定义方法：

myvalues 3360函数(){ 0返回多值；}, 页面使用此自定义方法，获取选中值的代码：

if($(' input[name=multiselect _ ddlConditions]: checked ').长度1)警报("请选择选项");else { var strConditions=$(' # DDL conditions ').多选(“我的值”)；}以上所述是小编给大家介绍的jQuery实现下拉框多选jquery-多选的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！