第一步引用样式以及相关JS
<link rel=stylesheet href=css/bootstrap.min.css?1.1.11 type=text/css/> <script type=text/javascript src=js/jquery.min.js?1.1.11></script> <script type=text/javascript src=js/bootstrap.min.js?1.1.11></script> <!-- Include the plugin's CSS and JS: --> <script type=text/javascript src=js/bootstrap-multiselect.js?1.1.11></script> <link rel=stylesheet href=css/bootstrap-multiselect.css?1.1.11 type=text/css/>
第二步 构造Selection(注意 需要设置multiple属性,否则依然是单选模式,multiple=multiple )
<!-- Build your select: --> <select class=multiselect multiple=multiple> <option value=cheese>Cheese</option> <option value=tomatoes>Tomatoes</option> <option value=mozarella>Mozzarella</option> <option value=mushrooms>Mushrooms</option> <option value=pepperoni>Pepperoni</option> <option value=onions>Onions</option> </select>
第三步 初始化插件:
<script type=text/javascript> $(document).ready(function() { $('.multiselect').multiselect(); }); </script>
常用方法:
select
$('#cid').multiselect('select', arr[i]); 给控件设置选中项
获取值
$('#cid').val();获取控件所有的选中值