Не могу присвоить значение JQuery Selct2 - PullRequest
Новая
       10

Не могу присвоить значение JQuery Selct2

0 голосов
/ 27 мая 2018

Я просто прочитал много форумов, чтобы понять, как назначить значение для select2.Но ни один из кодов не работал для меня ...

Вот мой HTML 

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

Я инициализирую select2 в jquery, как это 

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

Я попробовал код ниже, чтобыназначить значение для выбора2

Попробуйте 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');

Try 4 

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

Try 5 

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

Try 6

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

Мне не помог ни один из вышеперечисленных кодов ... Может кто-нибудь помочь мне выяснить, в чем проблема?

1 Ответ

0 голосов
/ 27 мая 2018

Согласно документации : 

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');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>


<select class="form-control select2" style="width: 100%;" id="drpSearchSubjCode">
    <option></option>
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>
<button id="add">Add new option</button>
<button id="sel">Select option</button>
...