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

JS动态添加与删除select中的Option对象 2010-12-02 08:04:23| 分类： HYPERLINK /li_crane/blog/#m=0t=1c=fks_087067087085086071086080094095085095084067086086095068编程 |字号 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titleJS动态添加删除option/titlescript//动态删除select中的所有options：function delAllOptions(){ document.getElementById(user_dm).options.length=0;}//动态删除select中的某一项option：function delOneOption(indx){ document.getElementById(user_dm).options.remove(indx);} // 动态添加select中的项option:function addOneOption(){ //document.getElementById(user_dm).options.add(new Option(2,mytest));  var selectObj=document.getElementById(user_dm); alert(selectObj.length); selectObj.options[selectObj.length] = new Option(mytest, 2);}/script/headbodyselect id=user_dm name=user_dmoption value=0 selecte==请选择人员==/optionoption value=1test/option/selectbrinput type=button onClick=addOneOption() value=添加input type=button onClick=delOneOption(1) value=删除第一个input type=button onClick=delAllOptions() value=清空/body/html html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titleJs动态添加与删除Option对象/TITLE script language=JavaScript // 添加选项 function addOption(pos){ var objSelect=document.getElementById(mySelect); // 取得字段值 //var strName = document.myForm.myOptionName.value; // var strValue = document.myForm.myOptionValue.value; // 建立Option对象 var objOption = new Option(李高灰,bbbbbbbbb); if (pos == -1 pos objSelect.options.length)) objSelect.options[objSelect.options.length] = objOption; else objSelect.add(objOption, pos); } // 删除 function deleteOption(type){ var objSelect=document.getElementById(mySelect); if (type == true) objSelect.options[objSelect.selectedIndex] = null; else objSelect.remove(objSelect.selectedIndex); } // 显示选项信息 function showOption(){ var objSelect=document.getElementById(mySelect); var name = objSelect.options[objSelect.selectedIndex].text; var