jQuery实现下拉框多选 jquery-multiselect 的实例代码
先给大家展示下效果图:
除了jquery,需要引用的样式和js文件:
HTML代码:
默认选中值1,2,3,绑定指定的选项:
获取选中的多个值:
首先修改jquery.multiselect.js,添加全局变量multiValues ,用来存放选项值,然后修改update方法,添加multiValues 那一行代码:
0 && numChecked <= o.selectedList) {
value = $checked.map(function() { return $(this).next().html(); }).get().join(',');
} else {
value = o.selectedText.replace('#',numChecked).replace('#',$inputs.length);
}
multiValues = $checked.map(function () { return $(this).val(); }).get().join(',');
}
this._setButtonValue(value);
return value;
},
再添加自定义方法:
页面使用此自定义方法,获取选中值的代码:
以上所述是小编给大家介绍的jQuery实现下拉框多选 jquery-multiselect 的实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。