Select2 - 禁用用户输入选择

Question

我正在尝试在select2 select ...

中从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选项时，才会发生这种情况。

由于您似乎没有使用tags，并且您的代码未包含该代码，因此您可以通过覆盖createTag（之前为createSearchChoice来确保这不是问题始终返回null。

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

Answer 2

将标记设置为false。示例：

$（＆＃39;选择＆＃39）。SELECT2（{   标签：false }）;