Jquery插件下拉复选multiSelect使用

工程出现下拉复选功能,把自己在网上查询的东西总结一下》》》》》》》》》》

1、首先引入Jquery库和要用的插件multiSelect

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script><!--在工程里面已经引入就不用再引用了-->
		<script src="../jquery.bgiframe.min.js" type="text/javascript"></script><!--看具体工程需要引入-->
		<script src="../jquery.multiSelect.js" type="text/javascript"></script>
		<link href="../jquery.multiSelect.css" rel="stylesheet" type="text/css" />


2、html代码

<select id="selectDept" name="selectDept" style="width: 200px;" [color=red]multiple="multiple"[/color]>
     <option value="">--请选择--</option>
          <c:forEach items="${depList}" var="dep" >			
                <option value="${dep.organiseID}" >${dep.organiseName }</option>
          </c:forEach>
</select>

<input type="hidden" name="organiseIdStr" id="organiseIdStr" value=""><!--添加一个隐藏域,获取选择的下拉列value-->



3、初始化multiSelect
$(document).ready(function(){  
	$("#selectDept").multiSelect({    
        selectAll: false,   
        oneOrMoreSelected: '*',   
        selectAllText: '全选',   
        noneSelected: '--请选择--'  
    }, function(){   <!--回调函数-->   
    	$("#organiseIdStr").val($("#selectDept").selectedValuesString());
    }); 
});



4、关于下拉列表的初始化
没有找到可用的函数,自己添加要初始化菜单的select属性就行。
简单使用了一下

你可能感兴趣的:(jquery,multiSelect,下拉复选)