JS动态添加与删除select中的Option对象.doc

《JS动态添加与删除select中的Option对象.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JS动态添加与删除select中的Option对象2010-12-0208:04:23

2、分类：编程

3、字号==请选择人员==test

6、pe="button"onClick="addOneOption()"value="添加">//添加选项functionaddOption(pos){varobjSelect=document.getElementById("mySelect");//取得字段值//varstrName=document.myForm.myOptionName.value;//varstrValue=document.myForm.myOptionValue.value;//建立Option对象varobjOpti

8、on=newOption("李高灰","bbbbbbbbb");if(pos==-1&&pos>objSelect.options.length))objSelect.options[objSelect.options.length]=objOption;elseobjSelect.add(objOption,pos);}//删除functiondeleteOption(type){varobjSelect=document.getElementById("mySelect");if(type==true)ob

9、jSelect.options[objSelect.selectedIndex]=null;elseobjSelect.remove(objSelect.selectedIndex);}//显示选项信息functionshowOption(){varobjSelect=document.getElementById("mySelect");varname=objSelect.options[objSelect.selectedIndex].text;varvalue=objSelect.options[objS

10、elect.selectedIndex].value;alert(name+"="+value);}//动态删除select中的所有options：functionclearAllOptions(){varobjSelect=document.getElementById("mySelect");objSelect.options.length=0;}<