js删除select问题

<select id="sss">
<option value="124">test1</option>
<option value="123">test1</option>
<option value="1223">test1</option>
<option value="504">test1</option>
<option value="889">test1</option>
<option value="632">test1</option>
</select>
能不能用js方式循环删除？
  var obj=document.getElementById("sss");
 for(var bb = 0; bb < obj.options.length;bb++)
    {
       obj.options.remove(bb);    
    }

解决方案 »

  1.   

    var obj=document.getElementById("sss");
    obj.options.length=0;//这样好像可以删除了
      

  2.   


    var obj=document.getElementById("sss");
     while(obj.options.length>0)
      {
      obj.options.remove(obj.options.length-1);  
      }
      

  3.   


    //说明一下，options remove后，length也会减少的。
      

  4.   

      var obj=document.getElementById("sss");
     for(var bb =obj.options.length-1; bb 》=0;bb--)
      {
      obj.options.remove(bb);  
      }
    应该使用这种方式
      

  5.   


    <select id="test">
    <option>测试1</option>
    <option>测试2</option>
    <option>测试3</option>
    <option>测试4</option>
    <option>测试5</option>
    </select>
    <script>
    var obj=document.getElementById("test");
    for(var i=0;i<obj.options.length;i++){
    obj.removeChild(obj.options[i]);
    if(obj.options.length>0)
    i--;
    }
    </script>
      

  6.   

    for(var bb = 0; bb < obj.options.length;bb++)
    {
      obj.options.remove(1);   
    }
    把第一删除obj.options.length-1次就OK了
      

  7.   

     var obj=document.getElementById("sss");
     for(var bb = 0; bb < obj.options.length;bb++)
      {
           obj.options.remove(0);  
      }
    删除第一个选项后，后面的会跟上去，，所以每次只要删除第一个即可！
      

  8.   


    <html>
    <head>
    <script type="text/javascript">
    function removeLastOption()
      {
      var x=document.getElementById("mySelect")
      if (x.length>0)
        {
        x.remove(x.length-1);
        }
      }
    </script>
    </head>
    <body><form>
    <select id="mySelect">
      <option>Apple</option>
      <option>Pear</option>
      <option>Banana</option>
      <option>Orange</option>
    </select>
    <input type="button" onclick="removeLastOption()" value="Remove last option">
    </form></body>
    </html>
      

  9.   


    <html>
    <head>
    <script type="text/javascript">
    function removeLastOption()
      {
      var x=document.getElementById("mySelect")
      if (x.length>0)
        {
        x.remove(x.length-1);
        }
      }
    </script>
    </head>
    <body><form>
    <select id="mySelect">
      <option>Apple</option>
      <option>Pear</option>
      <option>Banana</option>
      <option>Orange</option>
    </select>
    <input type="button" onclick="removeLastOption()" value="Remove last option">
    </form></body>
    </html>
    这个是w3c上的例子，忘了说
      

  10.   

    用JQuery一句话就可以搞定
    $("#sss").empty();