如何使用 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});
        });
    },