从select jquery中删除所有选项,但只删除一个

时间:2013-09-18 07:56:57

标签: javascript jquery removeall

我有一个包含此值的选择:

<select id="lstCities" class="valid" name="City">
<option value="OSNY">OSNY</option>
<option value="dd">dd</option>
<option value="OSffNY">OSffNY</option>
<option value="ANTONY">ANTONY</option>
<option value="0">Autre...</option>
</select>

如何删除所有选项,但我只想保留

 <option value="0">Autre...</option>

我的问题是我的列表是动态的,有时我有3,5,7,....选择+最后一个<option value="0">Autre...</option>

5 个答案:

答案 0 :(得分:38)

选择所有选项,然后排除具有该值的选项:

$('#lstCities option[value!="0"]').remove();

FIDDLE

答案 1 :(得分:8)

尝试

$('#lstCities option:lt(-1)').remove()

演示:Fiddle

答案 2 :(得分:4)

$('#lstCities option[value!=0]').remove()

您应该按值删除,而不是依赖于选项元素的位置来保留。

答案 3 :(得分:2)

如果该选项始终是最后一个,我希望此JavaScript代码可以帮助您:

var lastNode = $("#lstCities option").last();
var option = { value:lastNode.val(), text:lastNode.text() };

$('#lstCities').find('option').remove().end().append($('<option>',{
        value:option.value,
        text:option.text,
}));

从这个post

中学到了很多

答案 4 :(得分:0)

这对我有用:

$("#selectList option").remove();