怎么用js去除和添加下拉框选项？

如题：有两个下拉框：
<select name="left" multiple="multiple" size="25"  style='width:130px;'>
        <option value="">请选择</option>
        <option value="">请选择</option>
        <option value="">请选择</option>
</select> 
<select name="right" multiple="multiple" size="25"  style='width:130px;'>
        <option value="">从左侧选择</option>
</select> 
怎么把选择的left选项添加到right中，同时把left中被选中的删除？用js怎么实现？在线等，知道的，指点下，最好贴出js代码，先谢过了，急用、、、、

解决方案 »

  1.   

    <html>
    <head>
        <title></title>
        <script type='text/javascript'>
            function selectItem() {
                var left = document.getElementsByName("left")[0];
                var right = document.getElementsByName("right")[0];
                left.ondblclick = function () {
                    var text = this.options[this.selectedIndex].text;
                    right.options.add(new Option(text, text));
                    this.removeChild(this.options[this.selectedIndex]);
                }
            }
            window.onload = selectItem;
        </script>
    </head>
    <body>
    <h4>请双击左侧选项进行选择</h4>
        <select name="left" multiple="multiple" size="25" style='width: 130px;'>
            <option value="">请选择1</option>
            <option value="">请选择2</option>
            <option value="">请选择3</option>
        </select>
        <select name="right" multiple="multiple" size="25" style='width: 130px;'>
            <option value="">从左侧选择</option>
        </select>
    </body>
    </html>
      

  2.   


    var op = document.createElement("OPTION");
    op.value = document.left.value;
    right.options.add(op)document.all.left.remove(left.selectedIndex);
      

  3.   

    <HTML>
        <HEAD>
            <TITLE>main</TITLE>
            <script type="text/javascript">
                
                function transferOpt()
                {
                    var _left=document.getElementsByName("left")[0];   
                    var _right=document.getElementsByName("right")[0];     
                    if(_left.selectedIndex!=-1)
                    {                    
                        var _opt=_left[_left.selectedIndex];
                        _right.appendChild(_opt);                  
                    }        
                }        </script>        
        </HEAD>    <body>
            <select name="left" multiple="multiple" size="25" style='width:130px;' ondblclick="transferOpt()">
              <option value="">请选择</option>
              <option value="">请选择</option>
              <option value="">请选择</option>
            </select>  
            <select name="right" multiple="multiple" size="25" style='width:130px;'>
              <option value="">从左侧选择</option>
            </select>  
        </body>
    </HTML>
      

  4.   

    <html:select multiple="multiple" size="25" property="cellphone" name="form" style='width:130px;'>
                               <html:option value="">所有联系人</html:option>
                               <html:optionsCollection name="pageList" value="cellphone" label="username"/>
                         </html:select>  这个下拉框怎么取：var fromList =document.getElementsByName("cellphone")[0];
       alert(fromList.options.length);    这是我的js，可是没有弹出对话框啊，哪里有问题？
      

  5.   

    var fromList =document.getElementsByName("cellphone")[0];这个里面的cellphone名称好像不对哦，另外alert的代码写在哪里，最好自己设个断点调试下
      

  6.   

    我用的是jquery
    清空select
    $("#id").option.length=0
    新增
    $("#id").option[0]=new option('dddd','dddd')
      

  7.   

    <script type="text/javascript">
    function show(){
    var a=new Option("test","4");
    this[this.length]=a;
    }
    function init(){
    document.getElementById("x").onchange=show;
    }
    </script>
    </head><body onload="init()">
    <select id="x">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>
    </body>
    </html>
    增加的方法
    删除可以直接用remove方法
    document.getElementById("x").remove(0)