搜索时的Jquery select2自定义javascript函数

Question

我的页面中有多个 select2。 我有一个特定的 ajax 引擎，由于很多原因无法更改它。 我想在最终用户在字段中输入时填写每个 select2 下拉列表，并使用自制的 javascript 填写 select2 中的“选项”。

我尝试了很多在网上找到的不同的东西，但找不到合适的语法。

例如：

      jQuery("customer").select2({
          query: function (options) {
              alert('ok');
              // my ajax call would be here
              xajax_getCustomers(stringFilled);
          }
      });

我已经尝试过使用“ajax:”和其他一些东西，但我找不到在填充内容时如何触发 javascript 函数。 重要提示：我应该能够填充字符串，以便将其传递给我的 ajax 调用

感谢您的帮助

Answer 1

你有这个事件：

  $(selector).on("select2-highlight", function(e) {
      console.log("highlighted val=" + e.val + " choice=" + e.choice.text);
  })

它对搜索事件有效，因此当select2-highlight 事件被触发时，意味着用户正在搜索您可以使用e.val 和e.choice.text 值管理的字符串。

不幸的是没有严格的搜索事件，但你可以将插件的隐藏输入文本与on('keyup');绑定

类似这样的：

 $('input.select2-search__field').on('keyup', function() {
      alert($(this).val()); // it alerts with the string that the user is searching
 });