Jquery 选择2-停止';搜索';从弹出作为一个选项,并显示在主选择代替

Jquery 选择2-停止';搜索';从弹出作为一个选项,并显示在主选择代替,jquery,jquery-select2,Jquery,Jquery Select2,我选择了2个带有AJAX源代码的选择框。默认情况下,当用户单击其中一个来选择一个选项时,它会生成一个显示“搜索…”的选项,然后该选项消失并填充选项。 示例如下: 我觉得这非常烦人,因为在随后重新打开select2框时,已经填充的列表会弹出,同时添加“搜索…”选项,然后在重新填充列表后弹出 是否可以使“搜索…”文本出现在搜索字段本身内,或作为所选选项文本出现在搜索字段之上(即:您当前在上面的JSFIDLE示例中看到的“选择…”) var data = ["Ahmedabad",

我选择了2个带有AJAX源代码的选择框。默认情况下,当用户单击其中一个来选择一个选项时,它会生成一个显示“搜索…”的选项,然后该选项消失并填充选项。 示例如下:

我觉得这非常烦人,因为在随后重新打开select2框时,已经填充的列表会弹出,同时添加“搜索…”选项,然后在重新填充列表后弹出

是否可以使“搜索…”文本出现在搜索字段本身内,或作为所选选项文本出现在搜索字段之上(即:您当前在上面的JSFIDLE示例中看到的“选择…”)

var data = ["Ahmedabad", "Mumbai", "USA", "Canada", "Pune"];

$(document).ready(function() {
  $('.js-data-example-ajax').select2({
    placeholder: "select...",
    ajax: {
        type: "POST",
        dataType: 'json',
        url: '/echo/json/',     // jsfiddle simulate ajax
                //url: 'ajaxhandler.php',
        processResults: function (data) {
            console.log(data);
          return {
            results: $.map(data.items, function(obj, index) {
              return { id: index, text: obj };
            })
          };
        },
        data: function (params) {
          var query = {
            search: params.term,
            items: data             // only for jsfiddle to simulate ajax
          };
          if (params.term == "*") query.items = [];
          return { json: JSON.stringify( query ) }
        }
    }
  });
});

$('.js-data-example-ajax').on('select2:select', function (e) {
    console.log("select done", e.params.data);
});