Selectize.js v0.15.2仅匹配词首，求全局搜索修改方案

核心思路 #

Selectize默认搜索逻辑仅匹配单词开头，要实现全局任意位置匹配，需自定义搜索匹配或评分规则，让关键词能匹配选项字符串的任意位置，适配德语复合词的搜索需求。

具体实现方案 #

方法1：自定义匹配函数（推荐） #

初始化Selectize时，通过matcher选项覆盖默认规则，实现忽略大小写的全局匹配：

$('#your-select-id').selectize({
    // 其他配置项（如options、valueField等）
    matcher: function(search, item) {
        // 转小写避免大小写干扰，匹配任意位置的搜索词
        const searchStr = search.toLowerCase();
        const itemText = item.text.toLowerCase();
        return itemText.includes(searchStr);
    }
});

方法2：自定义评分函数 #

若需要保留原有的结果排序逻辑，仅调整匹配范围，可自定义score函数：

$('#your-select-id').selectize({
    // 其他配置项
    score: function(search) {
        return function(item) {
            const searchStr = search.toLowerCase();
            const itemText = item.text.toLowerCase();
            // 匹配到则返回基础分，未匹配返回0（不会出现在结果中）
            return itemText.includes(searchStr) ? 1 : 0;
        };
    }
});

方法3：德语复合词优化适配 #

针对德语复合词特性，可额外拆分文本后匹配，提升搜索精度：

$('#your-select-id').selectize({
    // 其他配置项
    matcher: function(search, item) {
        const searchStr = search.toLowerCase();
        const itemText = item.text.toLowerCase();
        
        // 先做全局匹配
        if (itemText.includes(searchStr)) return true;
        
        // 可选：拆分德语复合词（按大写字母拆分，示例逻辑可按需完善）
        const splitWords = itemText.split(/(?=[a-zäöü])/);
        return splitWords.some(word => word.includes(searchStr));
    }
});

注意事项 #

• 确保初始化时覆盖默认的matcher或score函数，不要使用默认配置
• 若启用了dropdownFilter插件，需同步调整插件的匹配逻辑
• 测试时注意德语特殊字符（Ä/Ö/Ü/ß）的大小写兼容，统一转小写后对比更可靠

内容的提问来源于stack exchange，提问作者Kristian Ashton