select的multiple属性的应用

function srcToDest(srcid,destid){ 
	     var optionsObjects=document.getElementById(srcid);  
	     var optionsSubObjects=document.getElementById(destid);

	     for(var o=0;o<optionsObjects.length;o++) { 	     	  
		 	if(optionsObjects.options[o].selected==true)  { 
		 	//获取源的value值和text值
			     var optionsvalue=optionsObjects.options[o].value;  
			     var optionstext=optionsObjects.options[o].text; 			     
			     addoptions(destid,optionstext,optionsvalue)  
		      }  
	     }  
       }         

       //向目标  
	 function addoptions(objectid,textvalue,optionsvalue){  
		 var optionsSubObjects=document.getElementById(objectid);  
		 var hasexist=0;  
		 for(var o=0;o<optionsSubObjects.length;o++){		 	  
			  var optionsvalue_sub=optionsSubObjects.options[o].text;  
			  if(optionsvalue_sub==textvalue)  hasexist+=1;  
		 } 
		 var  Browser_Name=navigator.appName;


		 if(hasexist==0) {  
		 	//optionsSubObjects.add(new Option(textvalue, optionsvalue)); 
		 	if(Browser_Name=='Netscape'){
		 		optionsSubObjects.add(new Option(textvalue, optionsvalue),null); 
			 }else{
			 	optionsSubObjects.add(new Option(textvalue, optionsvalue));
			 }	 		

		 } 
		 for(i=0;i<optionsSubObjects.length;i++){  
             optionsSubObjects.options[i].selected=true;  
  		 }

	 } 

	 //将对象中所选的项删除 
	 function destToSrc(objectid)  {  
	 	var optionsObjects=document.getElementById(objectid);
		 for(var o=0;o<optionsObjects.length;o++)  {  
				 if(optionsObjects.options[o].selected==true)  {  
				    var optionsvalue=optionsObjects.options[o].value;  
				    var optionstext=optionsObjects.options[o].text;  
		       			removeoption(objectid,optionstext,optionsvalue)  
		  		}  
	 	}  
	 }  

	 //删除单个选项  
	 function removeoption(objectid,textvalue,optionsvalue)  {  
	 	var optionsSubObjects=document.getElementById(objectid);  
		 for(var o=0;o<optionsSubObjects.length;o++) {  
			  var optionsvalue_sub=optionsSubObjects.options[o].text;  
			  if(optionsvalue_sub==textvalue)  
			        optionsSubObjects.removeChild(optionsSubObjects.options[o]);
		 	}  
	 }  





	     // 全选的js

	      var allcheck=false;
			 function checkall(){   //批量操作(选取) 
			  	var all=document.getElementsByTagName("input");
			  	 for(var i=0;i<all.length;i++){
			  			if(all[i].type=="checkbox")	all[i].checked=!allcheck;
			  	 }
			  	allcheck=!allcheck;
			  }

HashMap在页面中的判断

  <td>	
   <select multiple="multiple" size="15" style="width=200px" id="source"> 
		         <option value="1">aaaa</option>  	         
	         	<option value="2">bbbb</option>  	 
	         	<option value="3">cccc</option>  	 
	         	<option value="4">dddd</option>  	 
	        </select>

    	<input type="button" value=" >> "  onclick="javascript:srcToDest('source','target')">     
        <input type="button"  value=" << " onclick="javascript:destToSrc('target')">  
   		<select multiple="multiple" size="15" style="width=200px" id="target" name="target"></td>


   		<td>操作系统</td>
	      <td><input type="checkbox" value="全部" onclick="checkall1('os');"/>全部<br/>
	      	  <c:forEach items="${osList}" var="result" varStatus="recordCount">
	      	  	<input type="checkbox" name="os" value="${result.id}" 	<c:if test="${osMap[result.id]!=null }">checked</c:if> />${result.operationId}
	      	  	<c:if test="${recordCount.count==5}"><br /></c:if>	      	  
	      	  </c:forEach>
	      </td>