如何使用 initSelection 設置 Select2 值？

Question

我使用 jQuery Select2 作為下拉列表。 數據通過 AJAX 調用以 JSON 格式加載。

這是我的腳本：

$("#sub_lessons").select2({ 
     maximumSelectionSize: 1,
     placeholder: "Select Sublessons",
     allowClear: true,
     multiple:true,
        ajax: {
          url: "getData.action?lid="+lessonid,   
          dataType: 'json',
          data: function (term, page) {
            return {
              q: term
            };
          },
          results: function (data, page) {
            return { results: data };

          }
        } 
    }); 

我的 html 片段：

<input type="hidden" id="sub_lessons" style="width:300px"/>

當我們單擊 select2 框時，數據正在完美加載，但是當單擊按鈕時，我有像 setValue() 這樣的函數。

<input type="button" onclick="setValue(1)"/>

我的功能是：

function setValue(no)
{
 $('#sub_lessons').select2('val',no);
}

但是沒有設置該值。 我在一些網站上搜索並建議使用 initselection。我使用了 initselection，但它不起作用。請幫助我如何在按下按鈕時將值設置為 select2。

任何幫助，將不勝感激。

Answer 1

嘗試這樣的事情

$('#sub_lessons').select2('val','no');

Answer 2

我試試這個； 為我工作。 您應該將其添加到 initSelection select2：

        initSelection: function (element, callback) {
        var id = $(element).val();
        $.ajax("url/" + id, {
            dataType: "json"
        }).done(function (data) {
            var newOption = new Option(data.title, data.id, true, true);
            $('#sub_lessons').append(newOption).trigger('change');
            callback({"text": data.title, "id": data.id});
        });
    },