首页 > 网络编程 > JavaScript > 表单特效 > select 内容交换

select列表内容交换的js实现代码

2009-12-06 00:35:20 作者：

js实现左右select列表内容交换传递，原来就是先获取当期选中select的值，然后添加到对面的select中，然后删除选中内容。

formObj.remove(formObj.selectedIndex); 
//var index = formObj.selectedIndex; 
} 
} 
</script>

<form name="form1"> 
<table> 
<tr> 
<td> 
<select multiple name="left" size=7 ondblclick="move(this,this.form.right)"> 
<option value="0" selected>item1</option> 
<option value="1">item2</option> 
<option value="2">item3</option> 
<option value="3">item4</option> 
<option value="4">item5</option> 
</select> 
</td> 
<td > 
<input type="button" name="moveRigth" value=">>" onclick="move(this.form.left,this.form.right)"/> 
<input type="button" name="moveLeft" value="<<" onclick="move(this.form.right,this.form.left)"/> 
</td> 
<td> 
<select multiple name="right" size=7 ondblclick="move(this,this.form.left)"> 
<option value="0" selected>test1</option> 
<option value="1">test2</option> 
<option value="2">test3</option> 
<option value="3">test4</option> 
<option value="4">test5</option> 
</select> 
</td> 
</tr> 
</table> 
</form>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

select列表内容交换的js实现代码

您可能感兴趣的文章: