多选下拉框

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赋值，会出现问题