js select多选列表怎么互相传值

俩个框左右传值，我现在是左边数据提取出来了，到右边的框数据保存不起来，谁能说说思想原理，怎么传值，一个ID还是俩ID呢

解决方案 »

  1.   

    <script type="text/javascript">
    function change(){
    var a=document.getElementById("test1");
    var m=a.selectedIndex;
    var v=a[m].value;
    var t=a[m].text;
    var n=new Option(t,v);
    var s=document.getElementById("test2");
    s[s.length]=n;
    }
    </script>
    </head><body>
    <select id="test1">
    <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <input type="button" value="传值" onclick="change()">
    <select id="test2"></select>
    </body>
    这样试试
      

  2.   


    <html>
    <head>
    <title>无标题文档</title>
    <script>
    function doChange(obj1,obj2){
    var i=obj1.value;
    obj2.options[i].selected=true;
    }
    </script>
    </head>
    <body>
    <select id="selectA" name="selectA" onChange="doChange(this,selectB)">
    <option value="0" selected>请选择</option>
    <option value="1">AAA</option>
        <option value="2">BBB</option>
        <option value="3">CCC</option>
    </select>
    <select id="selectB" name="selectB" onChange="doChange(this,selectA)">
    <option value="0" selected>请选择</option>
    <option value="1">XXX</option>
        <option value="2">YYY</option>
        <option value="3">ZZZ</option>
    </select>
    </body>
    </html>
    </html>
      

  3.   

    楼主的意思是左右两个list，来回传递option吗？参考动态创建和删除option。
      

  4.   

    建议用Jquery 这个比较简单实现