js脚本教程68：js脚本动态添加option选项

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

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

3、js动态添加option选项

<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 addoptions(){
var obj = document.getElementById("xueli");
//obj.add(new Option("博士","博士")); //这个只能在IE中有效
obj.options.add(new Option("博士","博士")); //这个兼容IE与firefox
//obj.onchange(function(){alert("添加成功！")});//
alert("添加成功！")
//obj.fireEvent("onchange");
}