如何使用 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 sn-p：

<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});
        });
    },