我有一个下拉选择框:
问题在于,这样做会移除“ADD NEW”选项,但是“PLEASE SELECT”选项仍然存在,不过从数据库中获取的选项已经被添加成功了。
有什么办法可以解决这个问题吗...
<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”选项仍然存在,不过从数据库中获取的选项已经被添加成功了。
有什么办法可以解决这个问题吗...
}));
,myfunction
-my_function
。 - Shaunak D