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,

看到这个问题后，我尝试了以下两个：（但仍然不起作用）

selectOnBlur:false,
createSearchChoice: false,



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

Answer 1

仅当您从服务器返回与用户输入的文本匹配的选项或您正在使用该tags选项时，才会发生这种情况。

由于您似乎没有使用tags，并且您的代码不包含它，您可以通过覆盖来确保这不是问题createTag（以前createSearchChoice总是返回null.

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