无法为JQuery Selct2赋值

时间:2018-05-27 18:37:34

标签: jquery html5 jquery-select2

我刚刚阅读了很多论坛,以了解如何为select2分配值。但是没有代码对我有用......

这是我的HTML

  <select class="form-control select2" style="width: 100%;" id="drpSearchSubjCode">
   </select>

我在jquery中初始化select2,就像这样

$(".select2").select2();

我尝试下面的代码为select2

赋值
  

尝试1

var subjId = 1;
$('#drpSearchSubjCode').select2("val", subjId);
  

尝试2

var subjId = 1;
$("#drpSearchSubjCode").select2().select2("val", subjId);
  

尝试3

var subjId = 1;
$('#drpSearchSubjCode').val(subjId).trigger('change');
  

尝试4

var subjId = 1;
$('#drpSearchSubjCode').select2('data', { id: subjId, a_key: 'My Data' });
  

尝试5

var subjId = 1;
$('#drpSearchSubjCode').val(subjId);
$('#drpSearchSubjCode').trigger('change');
  

尝试6

var subjId = 1;
$('#drpSearchSubjCode').select2('data', { id: subjId, text: "Hello!" });

上述代码中没有任何代码对我有用......任何人都可以帮我找到问题所在吗?

1 个答案:

答案 0 :(得分:1)

根据documentation

List

选择:

var data = {
    id: 1,
    text: 'Hello!'
};
var newOption = new Option(data.text, data.id, false, false);
$('#drpSearchSubjCode').append(newOption).trigger('change');

$('#drpSearchSubjCode').val('optionvalue').trigger('change');
$('#drpSearchSubjCode').select2();

$('#add').on('click', function(e) {
    var data = {
        id: 1,
        text: 'Hello' + $('#drpSearchSubjCode option').length + '!'
    };

    var newOption = new Option(data.text, data.id, false, false);
    $('#drpSearchSubjCode').append(newOption).trigger('change');
})
$('#sel').on('click', function(e) {
    $('#drpSearchSubjCode').val('AL').trigger('change');
});