<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    
	
    
		
    
			
                
    
				
    
			    		
		
    
	
    

    

    
	
    
		
    
		    
		        
		        BlogJava
首頁
新隨筆
聯系
聚合

管理

			
			
				

    
	
    
		
    
			
			
			
				 
				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列表中的數據
    
    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的數據到list2 中 ，e1.remove(i)---list1的數據減少
    
    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 閱讀(553) 評論(0)  編輯  收藏  
	
    

    







    
	    
    




    





    


    

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


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲高清中文字幕综合网|
亚洲AV无码国产一区二区三区|
亚洲午夜视频在线观看|
亚洲欧美aⅴ在线资源|
久久久久女教师免费一区|
青娱乐免费视频在线观看|
不卡精品国产_亚洲人成在线
|
99热这里只有精品6免费|
国产精品麻豆免费版|
久久亚洲AV无码精品色午夜麻豆|
可以免费观看的毛片|
免费观看日本污污ww网站一区|
亚洲精品视频专区|
亚洲精品视频免费
|
免费乱码中文字幕网站|
亚洲人成7777影视在线观看|
久久成人永久免费播放|
国产精品亚洲аv无码播放|
羞羞漫画小舞被黄漫免费|
日日麻批免费40分钟日本的|
亚洲国产成人高清在线观看
|
成全影视免费观看大全二|
亚洲日本中文字幕|
黄色网址免费观看|
亚洲av无码一区二区三区天堂
|
91亚洲精品麻豆|
在线视频免费观看www动漫|
亚洲日韩乱码中文无码蜜桃|
a级毛片免费完整视频|
亚洲欧洲精品成人久久奇米网
|
青青青国产在线观看免费网站|
亚洲中文字幕无码一去台湾|
亚洲成人在线免费观看|
91情国产l精品国产亚洲区|
国产精品久久久久免费a∨|
亚洲第一香蕉视频|
永久在线毛片免费观看|
亚洲午夜福利在线视频|
国产一卡2卡3卡4卡2021免费观看|
亚洲精品中文字幕无码A片老|
a级亚洲片精品久久久久久久
|