jQuery selectbox删除除两个以外的所有选项（选择器变量名称）

Question

我有以下选择框

<select name="loc_id_1" id="loc_id_1">
<option value="PLS" selected="selected">-- PLEASE SELECT --</option>
<option value="NEW">-- ADD NEW --</option>
<option value="1">Smith Company</option>
<option value="6">Jones Company</option>
<option value="23">Wright Company</option>
</select>

loc_id_2，loc_id_3等页面上有多个此类，它们都具有不同的信息。 我正在使用以下内容来检测其中的任何更改。

$("[id^=loc_id_]").change(function(){
/// my magic code
var lc_id = $(this).attr('id');
my_function(lc_id,data1,data2);
});

这部分效果很好。 我遇到的问题是此代码的一部分，我调用了一个可以刷新更改后的选择框中的数据的函数。 所以我用jQuery删除功能刷新选择框

function my_function(id,d,f) {
var sel = $("#" + id);
sel.find('option[value!="NEW"] option[value!="PLS"]').remove();

// ajax code that calls database to append the other entries to the selectbox
}

问题是，这删除了“添加新”选项，但是保留了“请选择”，但是我从数据库中添加的选项就很好了。

任何想法如何解决这个问题...

Answer 1

您的选择会寻找descendant ，其具有的选项元素中value NEW.Try，

sel.find('option[value!="NEW"][value!="PLS"]').remove();

演示

Answer 2

您可以简单地使用:gt选择器

sel.find('option:gt(1)').remove();

工作演示