js对select动态添加和删除OPTION.docVIP

js对select动态添加和删除OPTION script type=text/javascript createSelect(); addOption(); //removeAll(); //removeOne(); //动态创建select function createSelect(){ var mySelect = document.createElement(select); mySelect.id = mySelect; document.body.appendChild(mySelect); } //添加选项option function addOption(){ //根据id查找对象， var obj=document.getElementById(mySelect); //添加一个选项 //obj.add(new Option(文本,值)); //这个只能在IE中有效 obj.options.add(new Option(text,0)); //这个兼容IE与firefox obj.options.add(new Option(javascript,1)); obj.options.add( new Option(css,2) ); obj.options.add( new Option(jquery,3) ); obj.options.add( new Option(html,4) ); } //删除所有选项option function removeAll(){ var obj=document.getElementById(mySelect); obj.options.length=0; } //删除一个选项option function removeOne(){ var obj=document.getElementById(mySelect); //index,要删除选项的序号，这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); } //获得选项option的值 function getOptionVal(){ var obj=document.getElementById(mySelect); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].value; } //获得选项option的文本 function getOptionText(){ var obj=document.getElementById(mySelect); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].text; } //修改选项option function updateOption(){ var obj=document.getElementById(mySelect); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index]=new Option(新文本,1); } //删除select function removeSelect(){ var mySelect = document.getElementById(mySelect); mySelect.parentNode.removeChild(mySelect); } /script