select控件如何自动去掉选项?

<SELECT id=select1 name=select1 size=1 style="HEIGHT: 22px; WIDTH: 290px"> 
  <OPTION>c</OPTION>
  <OPTION>b</OPTION>
  <OPTION>a</OPTION>
</SELECT><SCRIPT LANGUAGE=javascript>
<!--
select1.remove(0)
//-->
</SCRIPT>

解决方案 »

  1.   

    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <head>
    <script language="javascript">
    var m=5;
    function addItem(){
    var opt = document.createElement("OPTION");  
    opt.text=m++;
    opt.value=m;
    document.all.sel.add(opt);
    }
    function delitem(){
    document.all.sel.remove(document.all.sel.selected);
    }
    </script>
    </head>
    <body >
    <form name="frm">
    <div id="lb">
    <select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>
    </div>
      <input type="button" name="Submit" value="add" onclick="addItem()">
      <input type="button" value="del" onclick="delitem()">
    </form>
    </body>
    </html>
      

  2.   

    //除去id值所对应的select元素下的所有选项
    function removeOptions(id){
        while (document.all(id).length>0) {
            document.all(id).options.remove(0);
        }
    }