js操纵dom生成下拉列表框

最新推荐文章于 2021-06-04 14:04:49 发布

Leolu007

最新推荐文章于 2021-06-04 14:04:49 发布

阅读量977

点赞数

分类专栏： javascript

javascript 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
    <title>利用dom生成下拉列表框</title>  
      
    </head>  
      
    <body οnlοad="setFun()">  
        <form>  
            <select name="area" id="area">  
                <option value="0">没有地区</option>  
            </select>  
        </form>  
        <script language="javascript">  
            function setFun(){  
                var id = new Array(1,2,3);  
                var value = new Array("贵州","重庆","四川");  
                var select = document.getElementById("area");  
                select.length = 1;//设置只能选择一个  
                select.options[0].selected = true;//设置默认选中第一个  
                for(var x = 0;x<id.length;x++){  
                    var option = document.createElement("option");  
                    option.setAttribute("value",id[x]);//设置option属性值  
                    option.appendChild(document.createTextNode(value[x]));  
                    select.appendChild(option);//向select增加option  
                }  
            }  
        </script>  
    </body>  
    </html>

来自：http://blog.csdn.net/lb228988/article/details/19718005