7.DOM对列表下拉框元素的增删改操作

最新推荐文章于 2024-11-02 19:19:35 发布

weixin_30607659

最新推荐文章于 2024-11-02 19:19:35 发布

阅读量98

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/john568300/p/6411209.html

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>列表框，下拉菜单的增删改操作</title>
    <script type="text/javascript">
        function createSelect(){
            //创建
            var  select = document.createElement("select");
            select.id = "city";
            var body = document.getElementById("test");
            body.appendChild(select);
            //创建五个option
            for(var i=1;i<5;i++){
                var opt = new Option("值"+i,"value"+i);
                select.options[i] = opt;
            }
        }
        function delone(){

        }
        function clearAll(){
            //只要把options的长度改为0就可以的
            var city = document.getElementById("city");
            city.options.length = 0;
        }
    </script>
</head>
<body id="test">

<input type="button" value="创建一个城市列表框" οnclick="createSelect()"/>
<input type="button" value="一条条删除列表框内容" οnclick="delone()"/>
<input type="button" value="一次性清空列表框内容" οnclick="clearAll()"/>

</body>
</html>

转载于:https://www.cnblogs.com/john568300/p/6411209.html