javascript - 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 remove 函数来刷新选择框

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
}

问题是，这删除了“ADD NEW”选项，但保留了“PLEASE SELECT”，但我从数据库中添加的选项很好。

知道如何解决这个问题......

Answer 1

您的选择器将在具有 value NEW 的选项元素中寻找 descendant。尝试，

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

DEMO