在datatable中使用带有复选框的多选下拉菜单为列应用过滤器

我的问题是基于这个原始的小提琴: https://jsfiddle.net/x92c3qu2/

这是我正在寻找的一种例子。

这是我的代码-几乎类似于原始链接

    $('#dropdown').multiselect({
    onChange: function(element, checked) {

      var cities = $('#dropdown option:selected');

      var selected = [];
      $(cities).each(function(index, city) {
        selected.push([$(this).val()]);
      });

      var regex = selected.join("|");

      $('#table').DataTable().column(1).search(
        regex, true, false, true
      ).draw();
    }
  });
}); 

https://jsfiddle.net/x92c3qu2/110/ - 由我编辑的小提琴

现在,如果您选择“ (巴黎)法国

(尝试更改搜索(regax,true,false,true)-但不起作用。

如果您选择“ 巴黎 “,它显示与” 巴黎 “-根据我的判断,这是错误的。当从下拉列表中选择值时,它应该显示准确的结果。

尝试选择带和不带的多个值 特殊字符 -结果很奇怪。

如果需要进一步澄清,请告诉我。