javascript - select2 选项空间不搜索

Question

我正在使用 selec2用于下拉。

我正在从后端获取数据并且可以在 select2 中成功显示。但是我有一些数据在单词之间有一个以上的空格。如下图

Test   Your   Code
I    Am  Developer
Testing Done

HTML 代码

<select id='my_select' style="width:300px">
        <option>Test&nbsp;&nbsp;&nbsp;Your&nbsp;&nbsp;&nbsp;Code</option>
        <option>I&nbsp;&nbsp;&nbsp;&nbsp;Am&nbsp;&nbsp;Developer</option>
        <option value="An">Testing Done</option>
    </select>

脚本

$("select").select2();

当我尝试用空格搜索数据时，它显示未找到匹配项。

我试过这个stackoverflow solution也是，但它不工作

请查看我的jsfiddler .

Answer 1

另一种解决方案是使用自定义匹配器，将 char ' '(字符代码 32)替换为 select2 输入中的空格字符，即字符代码 160(不要问我为什么)。

JS fiddle

function mySearch(params, data) {
  params.term = params.term || '';

  term = params.term.toUpperCase().replace(/ /g, String.fromCharCode(160));
  text = data.text.toUpperCase();

  if (text.indexOf(term) > -1 ) {
    return data;
  }
  return false;
}

$('#my_select').select2({
  matcher: function(params, data) {    
    return mySearch(params, data);
  }
});