求教一个小交互功能,很简单的,该怎么处理
日期：2014-05-16 浏览次数：20321 次
求教一个小交互功能,很简单的
<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>
</
<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>
</
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
