什么不能将列表框中的选项全清除？

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function clearItems(id)
{
document.all.oCars.length = 0;
}
//-->
</SCRIPT>
</HEAD><BODY>
<button onclick="javascript:clearItems('oCars');" >clear</button>
<SELECT ID="oCars" SIZE="1">
<OPTION VALUE="1">宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
</BODY>
</HTML>

解决方案 »

  1.   

    或者
    function clearItems(id)
    {
    var selector = document.getElementById(id);

    var i=0;
             var count = selector.options.length;
    for(i = 0;i<count;i++)
    {
    selector.remove(i);
    }
    }
      

  2.   

    错了，是这样：function clearItems(id)
    {
    var selector = document.getElementById(id);

    var i=0;
             var count = selector.options.length;
    for(i =count-1;i>=0;i--)
    {alert(selector.options.length);
    selector.remove(i);
    }
    }
      

  3.   

    这种方法也可以参考一下：
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function clearItems(obj)
    {
    var ool = obj.options.length; for(var i=0;i<ool;i++)
    {
    obj.remove(0);
    }
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <button onclick="javascript:clearItems(oCars);" >clear</button>
    <SELECT ID="oCars" SIZE="1">
    <OPTION VALUE="1">宝马</option>
    <OPTION VALUE="2">保时捷</option>
    <OPTION VALUE="3" SELECTED>奔驰</option>
    <OPTION VALUE="4">保捷</option>
    </SELECT>
    </BODY>
    </HTML>