<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>

解决方案 »

  1.   

    <style>
    #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>