javascript - 数据表 - 如何删除下拉列过滤器中的空白选择器

Question

我正在将 DataTables 与单个列搜索（选择输入）功能一起使用，但我遇到了列下拉过滤器的问题。

如果我在一个单元格中输入两个或多个值，过滤器将在我的两个值之间的下拉列表中显示一个空白选择器（请参见屏幕截图：列搜索过滤器）。

我很确定它与这部分代码有关，但我对 Javascript 还很陌生，无法弄清楚如何删除该空白：

column.data().unique().sort().each(function(d, j) {
  if (d.indexOf("<p>") >= 0) {
    var b = d;
    $(b).each(function(index) {
      var text = $(this).text();
      select.append('<option value="' + text.trim() + '">'+ text.trim() +'</option>')
    });
  }
});

我创建了一个小提琴：https ://jsfiddle.net/marieme/xtbzLaj9/9/ - 问题在于“Office：All”下拉菜单。

谢谢您的帮助。

标签： javascriptjqueryselectdatatablesdropdown