jquery multiselect

最新推荐文章于 2025-11-12 09:54:44 发布

最新推荐文章于 2025-11-12 09:54:44 发布 · 313 阅读

文章标签：

#multiSelect

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用多选框组件实现用户选择，并通过JavaScript获取选定值，具体包括材料类别和公司选择。

<script type="text/javascript" src="${path}/commons/js/jquery.multiselect.js" ></script>

 		    $("#materialSelect").multiselect({        
  		    	noneSelectedText: "==请选择==",
        		checkAllText: "全选",
        		uncheckAllText: '全不选'
        		//selectedList:4
        	}); 
  			
  			$("#companySelect").multiselect({        
  		    	noneSelectedText: "==请选择==",
        		checkAllText: "全选",
        		uncheckAllText: '全不选'
        		//selectedList:4
        	}); 


	   function showValues() {	   		
    		var valuestr = $("#materialSelect").selectedValuesString();// multiselect("MyValues");    		
    		alert(JSON.stringify(valuestr));
    		
    		var comValue = $("#companySelect").selectedValuesString(); //multiselect("MyValues"); 
    		alert(JSON.stringify(comValue)); 
	   }

HTML CODE

 	  		<label   style="margin-left: 20px">材料类别：</label>  	  		
  	  		<select   id="materialSelect"  multiple="multiple"   name="materialSelect">
  	  			<option  value="型材">型材</option>
  	  			<option  value="板材">板材</option>
  	  			<option  value="型材1">型材1</option>
  	  			<option  value="板材1">板材1</option>
  	  			<option  value="型材2">型材2</option>
  	  			<option  value="板材2">板材2</option>
  	  			<option  value="型材3">型材3</option>
  	  			<option  value="板材3">板材3</option>
  	  		</select>
  	  		
  	  		<label  style="margin-left: 20px">公司：</label>  	  		
  	  		<select id="companySelect"  multiple="multiple"   name="companySelect">
  	  			<option  value="东北">东北</option>
  	  			<option  value="华北">华北</option>
  	  			<option  value="成都">成都</option>
  	  			<option  value="澳新">澳新</option>
  	  			<option  value="佛山">佛山</option>
  	  			<option  value="铝件厂">铝件厂</option>
  	  			<option  value="美非">美非</option>
  	  			<option  value="欧洲">欧洲</option>
  	  		</select>