更改选择的 jquery 插件中的搜索行为

Question

我正在使用 jQuery 的 Chosen 插件，并且希望搜索行为稍微改变一下（单选）。搜索仅会匹配搜索字符串中单词开头的匹配结果。我想将其扩展到斜杠和括号之后的单词。

例如： 搜索字符串：“第二”与项目“第一/第二”或“第一（第二）”不匹配。

我怀疑只需向构造函数添加选项就可以改变这一点，但我愿意更改/硬编码源脚本。

选择：https://github.com/harvesthq/chosen

Answer 1

正如最近的一些答案中提到的，该插件现在实现了一个更改搜索行为的选项：

search_contains: true

选项文档< /a>

---

该插件不提供更改搜索方法行为的选项。

如果您愿意更改插件源本身，可以使用以下方法。

在插件中进行搜索的方法是Chosen.prototype.winnow_results。它使用正则表达式来匹配“以”搜索词“开头”的文本：

// "^": means "starts with"
// "searchText" is the text in the search input (it is just cleaned up don't be scared)
regex = new RegExp('^' + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\
amp;"), 'i');

将其更改为：

regex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\
amp;"), 'i');

DEMO< /a>

Answer 2

搜索行为可以使用选项 search_contains 设置，

默认情况下 false

将其设置为 true，选择的也会在内部查找匹配项，而不是仅仅是开始：

$('#my_dropdown').chosen({ search_contains: true });

Answer 3

与 Chosen 1.0 一样，只需添加选项 {search_contains: true}

$('.selector').chosen({search_contains: true});

就可以玩得开心。

Answer 4

在选择的1.0中我在第301和302行做了

escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\
amp;");
regexAnchor = "";

Answer 5

有选项 search_contains 可用于搜索选项中的子字符串，可用作：

$(".chosen-select").chosen({
    search_contains: true
});