js脚本教程70：js脚本如何动态创建select下拉菜单

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第二十八课 js动态操作select下拉菜单

5、动态创建select

<label id="label2">学历：</label>
< select name="xueli" id="xueli" onchange="alert(this.options[this.selectedIndex].text)">
<option value="">请选择学历</option>
<option value="中专">中专</option>
<option value="大专">大专</option>
<option value="本科">本科</option>
<option value="硕士">硕士</option>
< /select>
< div id="div3">

</div>

function createSelect(){
var obj = document.getElementById("div3")
var boxlabel = document.createElement("label");
boxlabel.setAttribute("id","label1");
boxlabel.innerHTML="友情链接：";
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
mySelect.add(new Option("---友情链接---","0"));
mySelect.add(new Option("---零起点设计网---","http://www.redwe.cn"));
mySelect.add(new Option("---瑞德威网络---","http://www.redwe.cn"));
mySelect.add(new Option("---百度搜索---","http://www.baidu.com"));
mySelect.onchange=function(){location.href=this.value};
obj.appendChild(boxlabel);
obj.appendChild(mySelect);
}