<HTML>
<HEAD>
<TITLE></TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="Power by 51windows.Net">
<style type="text/css">
<!--
.button1 {
background-image: url(../images/anniu.gif);
}
-->
</style>
</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>
<form name="form1" method="post" action="">
  <input type="submit" name="Submit" value="提交" class="button1">
</form>
<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.   

    <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));
                  if(e.id == 'list1') alert(e.options[i].text);
                  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>函数改一下 ...
      

  2.   

    现在是1次显示一个..能不能显示所有list2的值?我JAVA脚本不好...