JQuery datalist 以任意顺序将输入与多个单词匹配

Question

编辑：我对 datalist 做了更多研究，似乎它的匹配行为是不可定制的。我决定放弃 datalist 并制作自己的下拉列表和自动完成插件。

我有一个这样的输入数据列表

<input list="Country" />
    <datalist id="Country">
        <option value="United States of America"/>  
    </datalist>

目前，如果用户按数据列表选项的顺序输入国家名称，数据列表将仅显示“美国”，即。美国、各州等

我希望数据列表显示“美利坚合众国”，即使用户输入的名称不按顺序，即。美国，美国各州。

在 PHP 和 MySQL 中，我可以将输入拆分为每个单词的数组，并使用 LIKE %..% 子句查询我想要的。

如何使用 Jquery 或 Javascript 实现这一点？

Answer 1

使用正则表达式检查。 var userTypeRegex = new Regex(input.val().split(' ').join('|'));

然后使用上面的正则表达式检查每个选项值，如果测试并显示，否则隐藏