js操纵dom生成下拉列表框

来源：互联网发布：小学生淘宝节海报编辑：程序博客网时间：2024/04/30 09:45

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

0 0