假设一个选项列表是可用的,你如何更新<选择>与新的<选项>s?


当前回答

这有用吗?

$("#SelectName option[value='theValueOfOption']")[0].selected = true;

其他回答

如果我们不断更新<select>,我们需要保存之前的值:

var newOptions = {
    'Option 1':'value-1',
    'Option 2':'value-2'
};

var $el = $('#select');
var prevValue = $el.val();
$el.empty();
$.each(newOptions, function(key, value) {
   $el.append($('<option></option>').attr('value', value).text(key));
   if (value === prevValue){
       $el.val(value);
   }
});
$el.trigger('change');
$('#comboBx').append($("<option></option>").attr("value",key).text(value));

其中comboBx是你的组合框id。

或者你可以将选项作为字符串附加到已经存在的innerHTML,然后分配给select innerHTML。

Edit

如果你需要保留第一个选项并删除所有其他选项,那么你可以使用

var firstOption = $("#cmb1 option:first-child");
$("#cmb1").empty().append(firstOption);

这有用吗?

$("#SelectName option[value='theValueOfOption']")[0].selected = true;

传统的手工做事方式一直对我很有好处。

Clean the select and leave the first option: $('#your_select_id').find('option').remove() .end().append('<option value="0">Selec...</option>') .val('whatever'); If your data comes from a Json or whatever (just Concat the data): var JSONObject = JSON.parse(data); newOptionsSelect = ''; for (var key in JSONObject) { if (JSONObject.hasOwnProperty(key)) { var newOptionsSelect = newOptionsSelect + '<option value="'+JSONObject[key]["value"]+'">'+JSONObject[key]["text"]+'</option>'; } } $('#your_select_id').append( newOptionsSelect ); My Json Objetc: [{"value":1,"text":"Text 1"},{"value":2,"text":"Text 2"},{"value":3,"text":"Text 3"}]

这个解决方案非常适合使用Ajax,并以Json格式从数据库中回答问题。

我把CMS的优秀答案扔到一个快速的jQuery扩展:

(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);

它需要一个包含“text”和“value”键的对象数组。所以用法如下:

var options = [
  {text: "one", value: 1},
  {text: "two", value: 2}
];

$("#foo").replaceOptions(options);