效果圖

JS部分

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);
ii=i-1
}
}
}
catch(e){}
}

HTML以及CSS部分

<form method="post" name="myform">
<table border="0" width="500">
<tr>
<td width="200px">
<select style="WIDTH:100%" multiple name="list1" size="12" ondblclick="moveOption(document.myform.list1, document.myform.list2)">
<option value="1">身份證號碼</option>
<option value="2">銀行卡號</option>
<option value="3">營業(yè)執(zhí)照號碼</option>
<option value="4">組織機構(gòu)代碼</option>
<option value="5">稅務(wù)登記號碼</option>
<option value="6">郵政編碼</option>
<option value="7">姓名/公司名稱</option>
</select>
</td>
<td width="100px" align="center">
<input type="button" value="添加" onclick="moveOption(document.myform.list1, document.myform.list2)"><br/>
<br/>
<input type="button" value="刪除" onclick="moveOption(document.myform.list2, document.myform.list1)">
</td>
<td width="200px">
<select style="WIDTH:100%" multiple name="list2" size="12" ondblclick="moveOption(document.myform.list2, document.myform.list1)">
</select>
</td> </tr> </table></form>

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的点击左侧跳到右侧的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。