Question

在Select2中，我想选择一个选项india。我开始在选择框中输入两个字母in。之后，我想通过jQuery从数据库中选择加载选项标签中的相关数据。我怎么能这样做？

Answer 1

您的示例可以查找此解决方案：http://jqueryui.com/autocomplete/

除此之外，您还可以使用Jquery自动完成功能。

除此之外，您可以编写自己的函数，将选择查询发送到输入文本的keydown上的数据库，并获取相关列表以附加到选择框中。

Answer 2

您使用2个select2下拉菜单吗？如果是，那么在更改第一个选择下拉列表时，您将使用AJAX获取相关数据并将其加载到目标select2下拉列表，并将结果对象作为“数据”传递给数据＆＃39;初始化select2时的属性。

如果这不是您想要的，请详细说明您的问题。

Answer 3

对不起朋友们。问题出在我身上。我没有完全分析select2的例子。最后，我想出了解决方案@ https://select2.github.io/examples.html#data-ajax。

HTML部分：

<select class="js-data-example-ajax">
  <option value="3620194" selected="selected">select2/select2</option>
</select>

JQUERY Part：

$(".js-data-example-ajax").select2({
  ajax: {
url: "https://api.github.com/search/repositories",
dataType: 'json',
delay: 250,
data: function (params) {
  return {
    q: params.term, // search term
    page: params.page
  };
},
processResults: function (data, params) {
  // parse the results into the format expected by Select2
  // since we are using custom formatting functions we do not need to
  // alter the remote JSON data, except to indicate that infinite
  // scrolling can be used
  params.page = params.page || 1;

  return {
    results: data.items,
    pagination: {
      more: (params.page * 30) < data.total_count
    }
  };
},
cache: true
  },
  escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
  minimumInputLength: 1,
  templateResult: formatRepo, // omitted for brevity, see the source of this page
  templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
});

通过jQuery在选择框中输入部分文本后，在Select2中加载选项

3 个答案: