js操纵dom生成下拉列表框

来源：互联网发布：oracle数据库下载64位编辑：程序博客网时间：2024/04/30 08:05

    <!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

0 0