javascript - Select2 - 禁用用户输入选择

Question

我正在尝试在 select2 选择中设置来自 ajax 的数据...

但问题是，如果我写的东西不在我的数据中，我可以选择这个选项!

这将取这个值“我不存在”...... formatNoMatches() 函数似乎没有被调用......

JS :

$(".select2-ajax").select2({
ajax: {
url: "ajax.call.php",
type:'POST',
dataType: 'json',
data: function (params) {
  return {
    nom: params.term, // search chars
    page: params.page,
  };
},
processResults: function (data, page) {
console.log(data.data);
if(typeof(data.data)=='undefined' || !data.data || data.data.length <= 0)
  var res = [];
else
{
  var res = [];
  for (var i = data.data.length - 1; i >= 0; i--) 
  {
    res.push({"text":data.data[i]["nom"]+' '+data.data[i]["prenom"],"id":data.data[i]["id_salarie"]});
  };
}
return { results: res};
},
cache: true
 },
formatNoMatches: function( term ) {
return "<li class='select2-no-results'>' "+term+" ': Aucun  résultat</li>";
},

allowClear: true,
language: 'fr',
multiple: false,

我在看到 THIS 后尝试了以下两个问题 : ( 但还是不行 )

selectOnBlur:false,
createSearchChoice: false,



escapeMarkup: function (markup) { return markup; },
minimumInputLength: 1,
});

Answer 1

只有当您从服务器返回的选项与用户输入的文本匹配或者您使用的是标签选项时，才会发生这种情况。

由于您似乎没有使用 tags，并且您的代码不包含它，您可以通过覆盖 createTag(之前createSearchChoice 始终返回 null。

$('select').select2({
  createTag: function () {
    // Disable tagging
    return null;
  }
});