js实现select动态添加option.docVIP

js实现select动态添加option select 的添加 option ?标准的做法如上也就是 s.options.add();但是如果你一定要用 s.appendChild(option);注意了，你只能用如下两:1. ?? ? ?s.appendChild(option);? ? ?option.text = hello world;? ? ?option.value =3;? ?也就是，一定要先添加到 select 中，然后再 option 赋值。否则在 FF 下是 IE6 中?2. 如果你要 option.text 和 option.value 的 option.innerHTML 而不是 option.text? 如下:?? ? option.innerHTML = hello world;? ? opion.value = 3;? ? option.appendChild(option);3 第三var op=document.createElement(option); ? ? ?// 新建OPTION (op)?op.setAttribute(value,0); ? ? ? ? ?// OPTION的 VALUE?op.appendChild(document.createTextNode(---)); // 设置OPTION的 TEXTselect.appendChild(op); ? ? ? ? ? // SELECT 新建一 OPTION(op) select.options.length=0;?????????? //把selectoption清除掉 select.options.remove(i);?????????? //把selecti个option清除掉 ?htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titleJSoption/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 titleJsOption对象/TITLE script language=JavaScript // 添加项 function addOption(pos){ var objSelect=document.getElementById(mySelect); ??? // 取得字段值 ?? //var strName = document.myForm.myOption