1.下载地址
https://github.com/davidstutz/bootstrap-multiselect
2.文档地址:
http://davidstutz.github.io/bootstrap-multiselect/#known-issues
3.使用方法如下:
<!-- Build your select: -->
<select id="test" class="multiselect" multiple="multiple">
<option value="1">Cheese</option>
<option value="2">Tomatoes</option>
<option value="3">Mozzarella</option>
<option value="4">Mushrooms</option>
<option value="5">Pepperoni</option>
<option value="6">Onions</option>
</select>
<script type="text/javascript">
$(document).ready(function() {
$('#test').multiselect();
});
</script>
4.可以给选择框设置一些参数
nonSelectedText: '请选择',
allSelectedText: '全部',
includeSelectAllOption: true,
selectAllText: '全部'
5.得到值
$('#test').val()
6.得到name,暂时没发现方法,自己写了下。
buttonTitle: function(options, select) {
var selected = '';
options.each(function () {
selected += $(this).text() + ', ';
});
$('#test_name').val(selected.substr(0, selected.length - 2));
return selected.substr(0, selected.length - 2);
}
7.低版本的jquery会导致id不能正确获取的问题,可以用上面获取name的办法得到id.添加一个隐藏域,将id赋值给隐藏域,不要直接给选择框的id赋值,会出现问题