下拉列表的搬移

最新推荐文章于 2024-09-18 20:54:58 发布

dingrou6999

最新推荐文章于 2024-09-18 20:54:58 发布

阅读量101

点赞数

原文链接：http://www.cnblogs.com/huzjijie/p/6539466.html

版权

html<html<head lang="en"<meta charset="UTF-8"<titletitle</head<body<table<tr<td<select name="sel1" id="sel1" multiple style="width: 120px;" size="8"
<option</option<option</option<option</option<option</option<option</option<option</option<option</option

</select</td<td<input type="button" οnclick="lefttoright()" style="width: 50px;" value=" >>> "<br<input type="button" οnclick="singletoright()" style="width: 50px;" value=" >> "</td<td<select name="sel2" id="sel2" multiple style="width: 120px;" size="8"select</td</tr</table<scriptfunction singletoright(){
var sel1 = document.getElementById('sel1');
var sel2 = document.getElementById('sel2');
while(sel1.selectedIndex >= 0){
sel2.appendChild(sel1.options[sel1.selectedIndex]);
 }
 }
function lefttoright(){
var sel1 = document.getElementById('sel1');
var sel2 = document.getElementById('sel2');

for( ; sel1.options.length>0; ){
sel2.appendChild(sel1.options[0]);
 }

 }
script</body</html>