3 回答

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
您可以使用empty方法刪除現(xiàn)有選項(xiàng),然后添加新選項(xiàng):
var option = $('<option></option>').attr("value", "option value").text("Text");
$("#selectId").empty().append(option);
如果對(duì)象中有新選項(xiàng),則可以:
var newOptions = {"Option 1": "value1",
"Option 2": "value2",
"Option 3": "value3"
};
var $el = $("#selectId");
$el.empty(); // remove old options
$.each(newOptions, function(key,value) {
$el.append($("<option></option>")
.attr("value", value).text(key));
});
編輯:要?jiǎng)h除除第一個(gè)選項(xiàng)以外的所有選項(xiàng),可以使用:gt選擇器來(lái)獲取option索引大于零的所有元素,以及remove它們:
$('#selectId option:gt(0)').remove(); // remove all options, but not the first

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個(gè)贊
我將CMS的出色答案放入了一個(gè)快速的jQuery擴(kuò)展中:
(function($, window) {
$.fn.replaceOptions = function(options) {
var self, $option;
this.empty();
self = this;
$.each(options, function(index, option) {
$option = $("<option></option>")
.attr("value", option.value)
.text(option.text);
self.append($option);
});
};
})(jQuery, window);
它期望包含“文本”和“值”鍵的對(duì)象數(shù)組。因此用法如下:
var options = [
{text: "one", value: 1},
{text: "two", value: 2}
];
$("#foo").replaceOptions(options);

TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊
$('#comboBx').append($("<option></option>").attr("value",key).text(value));
其中comboBx是您的組合框ID。
或者,您可以將選項(xiàng)作為字符串附加到已經(jīng)存在的innerHTML中,然后分配給選擇的innerHTML。
編輯
如果您需要保留第一個(gè)選項(xiàng)并刪除所有其他選項(xiàng),則可以使用
var firstOption = $("#cmb1 option:first-child");
$("#cmb1").empty().append(firstOption);
- 3 回答
- 0 關(guān)注
- 446 瀏覽
添加回答
舉報(bào)