Javascript 选择2JS将ajax调用从用户输入中获得的结果分开

我有一个select2js

select

字段，它根据用户对数据库的查询检索疾病列表。select的类型是标记，因此如果条目不在数据库中，用户可以添加自己的条目。其外观的示例如下所示：

下面的选项由对本地api的ajax调用填充，以从数据库检索疾病

我们如何在用户输入下方写上“建议”或在下拉列表中隐藏用户输入（见上文“IgA ne”），以便用户更有可能从数据库中选择其中一个选项

一些示例代码：

HTML

关于用户输入下面的“建议”，您可以使用。使用Ajax时，选项应位于选项组对象中，格式如下：

{
“文本”：“组名”，
“children”：[]//您的选项
}

因此，在你的情况下：

processResults:函数（数据）{
返回{
结果:[{
案文：“建议”，
子项：$.map（数据、函数（项）{
返回{
text:item.name，
id:item.id
}
})
}]
};
},

<select id="diseases" class="form-control selectmultiple" name="diseases[]" multiple="multiple" aria-describedby="diseasesHelp">
</select>
<small id="diseasesHelp" class="form-text text-muted">If known to appear in certain diseases e.g. Tn syndrome</small>

$('#diseases').select2({
  tags: true,
  placeholder: 'Select an item',
  minimumInputLength: 3,
  ajax: {
    url: '/diseaseSelector',
    dataType: 'json',
    delay: 250,
    processResults: function (data) {
      return {
        results: $.map(data, function (item) {
          return {
            text: item.name,
            id: item.id
          }
        })
      };
    },
  }
});