jqueryのドロップダウンリストボックスのデータを動き回ることができます

<！DOCTYPE HTML> 
<HTML> 
<HEAD> 
<メタ文字セット= "UTF-8"> 
<タイトル>可移动的复选框</ TITLE> 
<スクリプトSRC = "http://libs.baidu.com/jquery /2.1.4/jquery.min.js "> </ SCRIPT> 
<スクリプト言語=" javascriptの"> 
$（ドキュメント）.ready（関数（E）{ 
	
//多选框相互可移动功能   
$（ '＃メニュー「）.dblclick（関数（）{ 
	
	  　 場合（$（ "＃メニューオプション：選択した"。）の長さ> 0）   
　　　　　　　{   
　　　　　　　　　　　$（ "＃メニューオプション：選択した"）。各（関数（）{   
　　　　　　　　　　　　　　$（ "＃1 add_menu" ）.append（ "<オプション値= ' "+ $（この）.val（）+"'>" + $（この）は.text（）+ "</オプション"）;   
　　　　　　　　　　　　　　$（この）.remove（） ;　  
　　　　　　　　　　　}）   
　　　　　　　}   
　　　　　　　他
　　　　　　　{   
　　　　　　　　　　　アラート（「追加するオプションを選択してください！」）;   
　　　　　　　} 
	
}）。
$（ '＃1 add_menu'）DBLCLICK（関数（）{ 
	 　 IF（$（ "＃add_menuオプション：選択された"）長さ> 0）   
　　　　　　　{   
　　　　　　　　　　　$（ "＃1 add_menuオプション：選択された"）は、各（関数（）{   
　　　　　　　　　　　　　　$ （ "#menu"）アペンド（ "<オプション値= '" + $（この）.val（）+ "'>" + $（この）の.text（）+ "</オプション"）;.   
　　　　　　　　　　　　　　$（この）.remove（）;　   
　　　　　　　　　　　}）   
　　　　　　　}   
　　　　　　　他
　　　　　　　{   
　　　　　　　　　　　アラート（） "削除するオプションを選択してください！";   
　　　　　　　} 
	  
	
	}）; 
	
	
	}）

</ SCRIPT> 
</ HEAD> 
<BODY> 
の周りに移動するためのオプションを作成するダブルデータ：明るいスタジオgmll.cn 
<表> 


 <TR>
					  <TD ROWSPAN = "4">オプション：</ TD>
					  <TD ROWSPAN = "4"> <SELECT NAME = "メニュー"サイズ= "10"複数= "複数" ID = "メニュー"スタイル= "幅：100ピクセル、高さ100ピクセル;"> 
					    <オプション値= "001" >新闻</オプション> 
					    <オプション値= "002"を選択>客房</オプション> 
					    <オプション値= "003">婚宴</オプション> 
					    <オプション値= "004">问答</オプション> 
					    <オプション値= "005">评论</オプション> 
					    <オプション値= "006">会议</オプション> 
					    </選択> 
                      
                      </ TD> 
					  <TD> </ TD> 
					  <TD ROWSPAN = "4"> <SELECT ID =」 add_menu」サイズ= "5"複数= "複数"スタイル= "幅：100ピクセル、高さ100ピクセル;"> 
					    
				    </ select>の</ TD> 
		          </ TR> 
 <TR> 
   <TD >>> </ TD> 
 </ TR > 
 <TR>
   <TD> <<< / TD> 
 </ TR> 
 <TR> 
   <TD> </ TD> 
 </ TR>  
</ TABLE> 
</ BODY>
</ HTML>
jqueryのドロップダウンリストボックスのデータを動き回ることができます

おすすめ
