请教:列表框的问题

页面上有2个下拉列表框 A,B，就是在<select>中加个multiple     
      <SELECT   name='1'   size=17   multiple="multiple"   >   
    </SELECT>   
      <SELECT   name='2'   size=17   multiple="multiple"   >   
    </SELECT>   
    现在我想实现从A选择多个后能加到B下拉列表框，B选择多个后能返回到A下拉列表框,如果从A数据添加到B下拉框后,提交能够得到B的值,我该怎么实现,谢谢!

解决方案 »

  1.   

    用JS实现.     ==>
     A         B
         <==点==>执行将A的选中项加入B
    点<==执行将B的选中项加入Ajs代码自己实现吧。
      

  2.   

    功能实现了,但是提交为什么得到的是null值?
      

  3.   

    Select 的option不等于Select的value解决的方法是用js串接SelectB的所有option.value传给服务端
      

  4.   

    给你点参考
    <html>
      <head>
        <title>Demo.htm</title>
    <script type="text/javascript">
    function move(a,b){
    for(var i=a.options.length-1;i>=0;i--){
    if(a.options[i].selected){
    b.options[b.options.length]=new Option(a.options[i].text,a.options[i].value);
    a.options[i]=null;
    }
    }
    }
    function show(a){
    var l="";
    for(var i=0;i<a.options.length;i++){
    l+=a.options[i].value+":";
    }
    alert(l);
    }
    </script>
      </head>
      
      <body>
      <table>
      <tr>
      <td>
        <select name="selA" multiple size="5" style="width:100px;height:200px">
         <option value="1">A</option>
         <option value="2">B</option>
         <option value="3">C</option>
        </select>
      </td>
      <td>
      <input type="button" value="&gt;&gt;&gt;" onclick="move(selA,selB);"><br>
      <input type="button" value="&lt;&lt;&lt;" onclick="move(selB,selA);">
      </td>
      <td>
        <select name="selB" multiple size="5" style="width:100px;height:200px">
        </select>
      </td>
      </tr>
      <tr>
      <td colspan="3" align="center"><input type="button" value="提交" onclick="show(selB);"></td>
      </tr>
      </table>
      </body>
    </html>