搜索和初始化选择的 Select2 问题

Question

选择2代码：

$(".js-select").select2( {
    placeholder: "Select Something",

    ajax: {
        // The number of milliseconds to wait for the user to stop typing before issuing the ajax request
        delay: 400,
        url: "<?php echo site_url('main/get_items') ?>",
        dataType: "json",
        cache: "true",

        data: function (params) {
            return {
            q: params.term, // search term
            page: params.page,

            };
        },

        processResults: function (data) {
            return {
                results: $.map(data, function(obj) {
                    return { id: obj.id, text: obj.nume };
                })
            };
        },
    },

    initSelection : function (element, callback) {
         var data = {id: "1", text: "test relation"};
         callback(data);
    },
});

HTML：

<select class="js-select" name="judet" style="width: 100%" required> </select>

1. 第一个问题： 使用 initSelection 不起作用：

代码：

initSelection : function (element, callback) {
    var data = {id: "1", text: "test relation"};
    callback(data);
},

我看到“测试关系”文本，但是当我提交时，我没有得到 id 的值。

1. 第二个问题：

当我尝试从下拉列表中选择 1 项时 .... Select2 初始化搜索 ...我需要 select2 仅在用户输入搜索内容时运行搜索 ...

网页：http://www.my-web-projects.com/ajax/main/table -> 按钮添加 ->下拉选择 1 并选择 2

Answer 1

第一个问题：使用 initSelection 不起作用：

这听起来像是 Select2 中的错误，它应该尝试创建 <option> 元素以便发送值。如果您能解决 in a jsbin 和 report it on GitHub 的错误，那将很有帮助。

当我尝试从下拉列表中选择 1 项时 .... Select2 初始化搜索 ...我需要 select2 仅在用户输入搜索内容时运行搜索...

您应该能够通过使用minimumInputLength 并将其设置为1 来实现此目的。我们使用这个in the AJAX example，所以只有在用户搜索时才会发送请求。

$element.select2({
  minimumInputLength: 1
});

Answer 2

改变

var data = {id: "1", text: "test relation"};

到

var data = [{id: "1", text: "test relation"}];

已编辑

$(".js-select").select2({/* */}).select2("data", [{"id":"1","text":"test relation"}]);