转兄弟博客 下拉多选

上网找了一下下拉多选方面的插件,其中发现jquery.multiSelect是比较容易使用的一款,具体在文件附件里

 

下面用一个小例子说明一下:

 

需要在页面中引入这些文件,jquery.js,jquery.bgiframe.min.js,jquery.multiSelect.js,jquery.multiSelect.css

 

html片段:

Java代码   收藏代码
  1. "companyTypeForm" method="post" name="companyTypeForm" action="companyType.do?method=save">  
  2.   "100%" border="0" cellspacing="0" cellpadding="0">  
  3.     
  4.     类型名称:  
  5.       
  6.       "text" name="name" />  
  7.       
  8.     拥有角色:  
  9.       
  10.         "roleIds" name="roleIds" style="width:180px" multiple="multiple">  
  11.             "${roleList }" var="role">  
  12.                 "${role.id }">${role.name }  
  13.               
  14.           
  15.                 "red" id="errRed">        
  16.        
  17.     
  18.     
  19.     
  20.     "4">  
  21.         "save" type="submit" value="保存" />  
  22.         "reset" type="reset" value="重置" />  
  23.           
  24.       
  25.   
  26.   

 

js片段:

Js代码   收藏代码
  1. $(document).ready( function() {  
  2.   
  3.     $("#roleIds").multiSelect({   
  4.         selectAll: false,  
  5.         oneOrMoreSelected: '*',  
  6.         selectAllText: '全选',  
  7.         noneSelected: '请选择'  
  8.     }, function(){   //回调函数  
  9.         if($("[name='roleIds']:checked").length > 0)  
  10.         {  
  11.             $("#errRed").empty();  
  12.         }  
  13.         else  
  14.         {  
  15.             $("#errRed").text("请选择");  
  16.         }  
  17.     });  
  18.       
  19. });  

 就这么简单的就用起来了!

 

博客:http://wang-min-zhao-sina-com.iteye.com/blog/1467204

 

 

你可能感兴趣的:(javascript,java)