我在WordPress中使用jQuery AJAX加载两个下拉菜单。我将AJAX数据作为字符串获取,我只是将那些<option>
s附加到我的<select>
字段。它工作正常。但是每次都没有清除之前的追加。所以它实际上增加了重复选项。jQuery空选择,但不是第一个选项
所以我做了一个变化,我添加empty()
到<select>
领域:
jQuery.ajax({
type: 'POST',
url: ajaxurl,
data: {"action": "load_product",
"company_id": company_id
},
success: function (data) {
jQuery('#company-products').empty().append(data);
}
});
但我不得不默认情况下选择栏为空值的选项,它只是移除一个了。
<select name="product" id="company-products" class="form-control" required>
<option value=""><?php _e('Select a product', 'textdomain'); ?></option>
</select>
我如何可以附加额外的选项,但不因空(value=""
)一个空。
请注意,我知道我可以通过jQuery的空字段,但为了翻译目的,我无法从那里通过。所以我想要一个使用jQuery的可靠解决方案,而第一个选项仍然存在。
我甚至试图将其更改为:
jQuery('#company-products').not(':first-child').empty();
jQuery('#company-products').append(data);
它不工作,甚至没有任何附加。 :(
使用[GT](http://api.jquery.com/gt-selector/)选择。 – 2015-04-05 12:51:44