求教一个小交互功能,很简单的
<html>
<head>
<script language= "JavaScript ">
<!--
function moveOption(e1,e2){
try{
var e=e1.options[e1.selectedIndex];
e2.options.add(new Option(e.text,e.value));
e1.options.remove(e1.selectedIndex);
} catch(e){}
}
//--> </script>
<title> 无标题 </title>
</head>
<body>
<form name= "form1 " method= "post " action= " ">
<table>
<tr>
<td>
<p>
<select id= "list1 " size= "8 " multiple= "5 ">
<option value=A> 江苏
<option value=B> 上海
<option value=C> 浙江
<option value=D> 安徽
<option value=E> 山东
<option value=F> 四川
<option value=G> 北京
<option value=H> 云南
</select>
</td>
<td> <input type= "button " name= "按钮1 " value= "> > > " onClick= "moveOption(this.form.list1,this.form.list2) ">
<p> <input type= "button " name= "按钮2 " value= " < < < " onClick= "moveOption(this.form.list2,this.form.list1) ">
</td>
<td>
<select id= "list2 " size= "8 " multiple= "5 ">
</select> </td>
</tr>
</table>
</form>
</body>
</html>
请教下如何实现这个功能的多选,高手解释下啊,就是一次可添加多个或者删除多个选项
[解决办法]
Easy, L@_@K!
<html>
<head>
<script language= "JavaScript ">
<!--
function moveOption(e1,e2)
{
var e;
for (var i=e1.options.length-1; i> =0; i--)
{
e = e1.options(i);
if (e.selected)
{
e2.options.add(new Option(e.text,e.value));
e1.options.remove(i);
}
}
}
//--> </script>
<title> 无标题 </title>
</head>
<body>
<form name= "form1 " method= "post " action= " ">
<table>
<tr>
<td>
<p>
<select id= "list1 " size= "8 " multiple= "5 " multiple>
<option value=A> 江苏
<option value=B> 上海
<option value=C> 浙江
<option value=D> 安徽
<option value=E> 山东
<option value=F> 四川
<option value=G> 北京
<option value=H> 云南
</select>
</td>
<td> <input type= "button " name= "按钮1 " value= "> > > " onClick= "moveOption(this.form.list1,this.form.list2) ">
<p> <input type= "button " name= "按钮2 " value= " < < < " onClick= "moveOption(this.form.list2,this.form.list1) ">
</td>
<td>
<select id= "list2 " size= "8 " multiple= "5 " multiple>
</select> </td>
</tr>
</table>
</form>
</body>
</html>
