动态删除html的select控件中的一个optgroup

gaoyiming

牛牛 14:46:19
html的select控件，我现在要用js脚本动态删除其中一个optgroup，语法该怎么写？  

牛牛 14:46:42
我知道删除option的语法，但不知道删除optgroup的语法  

Gray 14:49:58
可以尝试下removeChild()方法   

Gray 14:53:03
<script>
function removeOptGroup(){
  oSelect.removeChild(group1);
}
</script>
<button >remove</button>
<SELECT id="oSelect">
    <OPTGROUP id="group1" LABEL="Alkaline Metals">
        <OPTION>Lithium (Li)</OPTION>
        <OPTION>Sodium (Na)</OPTION>
        <OPTION>Potassium (K)</OPTION>
    </OPTGROUP>
    <OPTGROUP id="group2" LABEL="Halogens">
        <OPTION>Fluorine (F)</OPTION>
        <OPTION>Chlorine (Cl)</OPTION>
        <OPTION>Bromine (Br)</OPTION>
    </OPTGROUP>         
</SELECT>
  
牛牛 14:56:44
成功了，感谢GRAY