实现两个下拉类表移过来移过去的js代码

Question

就是 实现两个下拉类表 移过来  移过去的 js 代码
那位大哥 送下谢谢了

Answer 1

<TABLE border="1" width="400">
<TR>
<TD>
<select id="leftData" name="leftData" style="width:190" size="20" onDblClick="toRight()">
<option value="C/C++">C/C++</option>
<option value="C#">C#</option>
<option value="Java">Java</option>
<option value="PHP">PHP</option>
<option value="VB.Ne">VB.Net</option>
<option value="PB">PB</option>
<option value="Asp3.0">Asp3.0</option>
<option value="Javascript">Javascript</option>
<option value="XML">XML</option>
</select>
</TD>
<TD width="20" >
<input type="button" value=">>" onClick="toRight()">
<br><br>
<input type="button" value="<<" onClick="toLeft()">
</TD>
<TD>
<select id="rightData" name="rightData" style="width:190" size="20" onDblClick="toLeft()">
<option value="销售工程师">销售工程师</option>
<option value="软件设计师">软件设计师</option>
<option value="软件研发">软件研发</option>
<option value="高级程序员">高级程序员</option>
<option value="中级程序员">中级程序员</option>
<option value="助理工程师">助理工程师</option>
<option value="设计师">设计师</option>
<option value="程序员">程序员</option>
</select>
</TD>
</TR>
</TABLE><SCRIPT LANGUAGE="JavaScript">
<!--
var tLeft = document.getElementById("leftData");
var tRight = document.getElementById("rightData"); function toRight()
{
if(tLeft.selectedIndex==-1) return ; var selectedIndex = tLeft.selectedIndex;
var opt = tLeft.options[selectedIndex];
var newOpt = new Option(opt.text, opt.value);
tRight.options.add(newOpt); tLeft.options.remove(selectedIndex);
} function toLeft()
{
if(tRight.selectedIndex==-1) return ; var selectedIndex = tRight.selectedIndex;
var opt = tRight.options[selectedIndex];
var newOpt = new Option(opt.text, opt.value);
tLeft.options.add(newOpt); tRight.options.remove(selectedIndex);
}
//-->
</SCRIPT>