您的位置：首页 > Web前端 > JavaScript

js操纵dom生成下拉列表框

2014-03-19 10:38 369 查看

<!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 onload="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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航