BlogJava
首頁
新隨筆
聯(lián)系
聚合

管理

			
			
				

          
	
          
		
          
			
			
			
				 
				37 
				Posts ::
				64 Stories
				::
				21 Comments
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          



          
	
					

          
	
	
	
          
		
           
          

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          
          <HTML>   
          
          <HEAD>   
          
          <TITLE>選擇下拉菜單</TITLE>   
          
          <meta http-equiv="Content-Type" c>   
          
          <META NAME="Description" C>   
          
          </HEAD>   
          
          <BODY>   
          
          <p>選定一項或多項然后點擊添加或移除(按住shift或ctrl可以多選)，或在選擇項上雙擊進行添加和移除。</p>   
          
          <form method="post" name="myform">   
          
          <table border="0" width="300">   
          
          <tr>   
          
              <td width="40%"><select style="WIDTH: 100%" multiple name="list1" size="12"   
          
                >   
          
                <option value="北京">北京</option>   
          
                <option value="上海">上海</option>   
          
                <option value="山東">山東</option>   
          
                <option value="安徽">安徽</option>   
          
                <option value="重慶">重慶</option>   
          
                <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></td>   
          
              <td width="20%" align="center"><input type="button" value="添加" onclick="javascript:moveOption(list1,list2)" 
          
                ><br />   
          
              <br />   
          
              <input type="button" value="刪除" onclick="javascript:del(list2)" 
          
                ></td>   
          
              <td width="40%"><select style="WIDTH: 100%" multiple name="list2" size="12"   
          
                >   
          
              </select></td>   
          
              <td>   
          
              <button type="button" onclick="javascript:changepos(list2,-1)" >上移</button>   
          
              <br />   
          
              <button type="button" onclick="javascript:changepos(list2,1)" >下移</button>   
          
              </td>   
          
          </tr>   
          
          </table>   
          
值：          <input type="text" name="city" size="40"></form>   
          
          <script language="JavaScript"> 
          
          //刪除list2列表中的數(shù)據(jù)
          
          function del(e){
          
          try{    
          
          for(var i=0;i<e.options.length;i++){    
          
          if(e.options[i].selected){ 
          
   e.remove(i);    
          
iii          =i-1    
          
}              
          
}              
          
document.myform.city.value          =getvalue(document.myform.list2);    
          
}              
          
          catch(e){}    
          
}
          
          //移動list1的數(shù)據(jù)到list2 中 ，e1.remove(i)---list1的數(shù)據(jù)減少
          
          function moveOption(e1, e2){    
          
          try{    
          
          for(var i=0;i<e1.options.length;i++){    
          
          if(e1.options[i].selected){    
          
          var e = e1.options[i];    
          
e2.options.add(          new Option(e.text, e.value));    
          
          //e1.remove(i);    
          
          iii=i-1    
          
}              
          
}              
          
document.myform.city.value          =getvalue(document.myform.list2);    
          
}              
          
          catch(e){}    
          
}              
          
          //獲得列表的值
          
          function getvalue(geto){    
          
          var allvalue = "";    
          
          for(var i=0;i<geto.options.length;i++){    
          
allvalue           +=geto.options[i].value + ",";    
          
}              
          
          return allvalue;    
          
}              
          
          //上移或者下移 1 下移 -1 上移
          
          function changepos(obj,index)    
          
          {    
          
          if(index==-1){    
          
          if (obj.selectedIndex>0){    
          
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex          -1))    
          
}              
          
}              
          
          else if(index==1){    
          
          if (obj.selectedIndex<obj.options.length-1){    
          
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex          +1))    
          
}              
          
}              
          
}              
          
          </script>   
          
          </BODY>   
          
          </HTML>  
          

          


          
 
          

	
          
	
	
          
		posted on 2009-08-21 12:28 xiachang88 閱讀(556) 評論(0)  編輯  收藏  
	
          

          







          
	    
    




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發(fā)表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          



    







          
        
	




主站蜘蛛池模板：
白银市|
金秀|
科尔|
灵丘县|
确山县|
新乐市|
金平|
建昌县|
安陆市|
合山市|
民乐县|
临西县|
延津县|
汝城县|
凤庆县|
泸溪县|
阳西县|
宜黄县|
手游|
松原市|
南汇区|
安西县|
万载县|
洞头县|
民和|
南昌市|
玛纳斯县|
兴安县|
五家渠市|
安义县|
湘阴县|
大埔区|
凉城县|
道孚县|
沙河市|
大安市|
汾阳市|
尚义县|
饶河县|
昆山市|
莲花县|