刪除元素的特定範圍的JQuery

Question

HTML：

<select id ="combooptions"> 
      <option id="combostart" value=""></option> 
</select> 

JS：

var str = ""; 
if (combonews.length > 0) 
     for (var i in combonews) { 
      str += "<option value='" + combonews[i][0] + "'>" + combonews[i][1] + "</option>"; 
     } 
    jQuery("#combooptions").append(str); 

它工作正常，但現在我想刪除這些附加一個，留下最初的1個選項標籤，如圖所示以上。 我試過了：

jQuery("#combooptions").html(''); 
//or 
jQuery("#combooptions").append(''); 
//or 
jQuery("#combostart").append(''); 
//or 
jQuery("#combostart").html(''); 

但沒有成功。

請幫助 感謝您

Answer 1

既然你給了第一option一個唯一的ID，只是做：

$('#combostart ~ option').remove(); 

What does the "~" (tilde/squiggle/twiddle) CSS selector mean?

Answer 2

要縮小選擇列表，還可以降低期權數量：

document.getElementById("combooptions").length = 1; 

使用jQuery：

$("#combooptions")[0].length = 1; 

更通用的想法刪除「除第一個之外的所有」：

$("#combooptions :not(:first-child)").remove(); 

示例：http://jsfiddle.net/kVRpy/

Answer 3

您可以選擇所有選項，然後從您的選擇中刪除帶有id combostart的那個。 然後致電.remove()刪除不需要的選項。

$('#combooptions option').not('#combostart').remove(); 

Answer 4

試試這個：

$('#combooptions').html("<option id='combostart' value=''></option>");