JS動態(tài)添加與刪除select中的Option對象.doc

《JS動態(tài)添加與刪除select中的Option對象.doc》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。

1、JS動態(tài)添加與刪除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);}//動態(tài)刪除select中的所有options：functionclearAllOptions(){varobjSelect=document.getElementById("mySelect");objSelect.options.length=0;}<