<HTML>
<HEAD>
<TITLE>移动下拉框-www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD><BODY><!-- meizz -->
<table border=0 cellpadding=0 cellspacing=0><form name=meizz>
<tr><td>
<select id=list1 size=8 ondblclick="moveOption(this, this.form.list2)" multiple>
<option value=A>aaaaaaaaaa
<option value=B>bbbbbbbbbb
<option value=C>cccccccccc
<option value=D>dddddddddd
<option value=E>eeeeeeeeee
<option value=F>ffffffffff
<option value=G>gggggggggg
<option value=H>hhhhhhhhhh
</select></td>
<td width=40 align=center>
<input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br/><br/>
<input name=sub type=button value="<<<" onclick="moveOption(this.form.list2, this.form.list1)">
</td><td>
<select id=list2 size=8 ondblclick="moveOption(this, this.form.list1)">
</select>
</td></tr></form>
</table><a href="test.asp">aa
</a>
<script language="JavaScript">
<!--
function moveOption(e1, e2){
try{
var e=e1;
for (var i=0; i<e.length; i++)
{
if(e.options[i].selected){
e2.options.add(new Option(e.options[i].text, v = e.options[i].value));
var id = id+","+i;
}
}
var a=id.split(",");
for(var n=1; n<a.length; n++)
{
e1.options.remove(a[n]-n+1);
}
}
catch(e)
{
//alert("error")
}
}
//-->
</script></BODY>
</HTML>
<HEAD>
<TITLE>移动下拉框-www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD><BODY><!-- meizz -->
<table border=0 cellpadding=0 cellspacing=0><form name=meizz>
<tr><td>
<select id=list1 size=8 ondblclick="moveOption(this, this.form.list2)" multiple>
<option value=A>aaaaaaaaaa
<option value=B>bbbbbbbbbb
<option value=C>cccccccccc
<option value=D>dddddddddd
<option value=E>eeeeeeeeee
<option value=F>ffffffffff
<option value=G>gggggggggg
<option value=H>hhhhhhhhhh
</select></td>
<td width=40 align=center>
<input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br/><br/>
<input name=sub type=button value="<<<" onclick="moveOption(this.form.list2, this.form.list1)">
</td><td>
<select id=list2 size=8 ondblclick="moveOption(this, this.form.list1)">
</select>
</td></tr></form>
</table><a href="test.asp">aa
</a>
<script language="JavaScript">
<!--
function moveOption(e1, e2){
try{
var e=e1;
for (var i=0; i<e.length; i++)
{
if(e.options[i].selected){
e2.options.add(new Option(e.options[i].text, v = e.options[i].value));
var id = id+","+i;
}
}
var a=id.split(",");
for(var n=1; n<a.length; n++)
{
e1.options.remove(a[n]-n+1);
}
}
catch(e)
{
//alert("error")
}
}
//-->
</script></BODY>
</HTML>
#s1{t:expression(this.onchange=function(){get(this)})}
</style>
<script>
function get(obj)
{
var s=document.getElementById('s2');
for(var i=0;i<s.options.length;i++)
{
if(s.options[i].text==obj.value)
{
alert(s.options[i].value);return;
}
}
}
</script>
<body>
<select id='s1'>
<option value='B'>A</option>
<option value='BB' selected>AA</option>
</select>
<select id='s2'>
<option value='C'>B</option>
</select>
</body>