js实现select option的添加和移除

发布于
2016-04-07


<!DOCTYPE html>
<html>
<body>
<select id="ggg" size="15" style="height:200px;">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        </select>
        <select id="hhh"  size="15"  style="height:200px;">
        </select>
        <input type="button" onclick="test()" value="测试" />
        <input type="button" onclick="test1()" value="测试1" />
        <script>
        function test(){
            var sltSrc=document.getElementById("ggg");
            var sltTarget=document.getElementById("hhh");
            while(sltSrc.options.length>0){
                sltTarget.appendChild(sltSrc.options[0]);
            }
        }
            function test1(){
        var sltSrc=document.getElementById("hhh");
            var sltTarget=document.getElementById("ggg");
            while(sltSrc.options.length>0){
                sltTarget.appendChild(sltSrc.options[0]);
            }
        }
</script>

</body>
</html>

为什么代码执行后会删除原来select里的option？

javascript

阅读 3.9k

2 个回答

得票最新