Question

有没有人找到使用selected.js搜索国际字符的修补程序？

例如，如果我有一个带有以下选项的多选字段： - 法国城堡 - 英国城堡

我搜索“Cha”

只会出现英语。

Answer 1

我不知道，如果回答还不算太晚，但可能会帮助其他人。

重点是在比较期间从输入的字符串和匹配的选项字符串中删除变音符号。我的修改是使用版本1.1.0中的jquery Chosen插件，从github下载。

首先你必须有一个去除变音符号的功能（我在winnow_results（）之后添加了它）

// strip czech diacritics from string
AbstractChosen.prototype.strip_diacritics= function(string) {
  var 
    translationTable= [
      // input with diacritics - add your characters if necessary
      "éěÉĚřŘťŤžŽúÚůŮüÜíÍóÓáÁšŠďĎýÝčČňŇäÄĺĹľĽŕŔöÖ",
      // stripped output
      "eeEErRtTzZuUuUuUiIoOaAsSdDyYcCnNaAlLlLrRoO",
    ],
    output= '';

  // scan through whole string
  for (var i= 0; i < string.length; i++) {
    var charPosition= translationTable[0].indexOf(string[i]);
    output+= charPosition == -1 ? string[i] : translationTable[1][charPosition];
  }

  return output;
}

然后在winnow_results（）函数的适当位置使用它。引用 chosen.jquery.js 行：

第315行

searchText = this.get_search_text();
// replace with
searchText = this.strip_diacritics(this.get_search_text());

第339行

option.search_match = this.search_string_match(option.search_text, regex);
// replace with
option.search_match = this.search_string_match(this.strip_diacritics(option.search_text), regex);

最后第345行

startpos = option.search_text.search(zregex);
// replace with
startpos = this.strip_diacritics(option.search_text).search(zregex);

你完成了： - ）。

（我想在旧的DOS游戏中为额外的生命写一些“存钱单字节替换”指令）

Whole modified file at pastebin

2016年9月29日：在选择1.6.2中进行的修改，测试正常。

Answer 2

看起来Chosen没有默认这样做 - 代码中没有任何功能。

源代码为here。我已经发布了下面的搜索功能，它负责检查字符。此函数中没有任何内容可以处理类似的密切字符，因此您必须编写它或从Chosen团队请求该功能。这是因为，在核心，重音字符和非重音字符不具有相同的ASCII（或Unicode）值。你必须有一些类型的查找表，并解析每个字符的返回“模糊”结果。

抱歉，我无法提供更多帮助。我敢肯定，如果你能找到一种方法来修改这个功能，你可以让它工作。同样，您需要查找表或基础代码值的东西。祝你好运。

编辑：您可能不需要查找表 - 也许正则表达式功能有内置的方法来执行此操作。或者，您可以简单地匹配您正在搜索的字母附近的任何内容。

Chosen.prototype.winnow_results = function() {
      var found, option, part, parts, regex, regexAnchor, result, result_id, results, searchText, startpos, text, zregex, _i, _j, _len, _len1, _ref;
      this.no_results_clear();
      results = 0;
      searchText = this.search_field.val() === this.default_text ? "" : $('<div/>').text($.trim(this.search_field.val())).html();
      regexAnchor = this.search_contains ? "" : "^";
      regex = new RegExp(regexAnchor + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
      zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
      _ref = this.results_data;
      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
        option = _ref[_i];
        if (!option.disabled && !option.empty) {
          if (option.group) {
            $('#' + option.dom_id).css('display', 'none');
          } else if (!(this.is_multiple && option.selected)) {
            found = false;
            result_id = option.dom_id;
            result = $("#" + result_id);
            if (regex.test(option.html)) {
              found = true;
              results += 1;
            } else if (this.enable_split_word_search && (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0)) {
              parts = option.html.replace(/\[|\]/g, "").split(" ");
              if (parts.length) {
                for (_j = 0, _len1 = parts.length; _j < _len1; _j++) {
                  part = parts[_j];
                  if (regex.test(part)) {
                    found = true;
                    results += 1;
                  }
                }
              }
            }
            if (found) {
              if (searchText.length) {
                startpos = option.html.search(zregex);
                text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
                text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
              } else {
                text = option.html;
              }
              result.html(text);
              this.result_activate(result);
              if (option.group_array_index != null) {
                $("#" + this.results_data[option.group_array_index].dom_id).css('display', 'list-item');
              }
            } else {
              if (this.result_highlight && result_id === this.result_highlight.attr('id')) {
                this.result_clear_highlight();
              }
              this.result_deactivate(result);
            }
          }
        }
      }
      if (results < 1 && searchText.length) {
        return this.no_results(searchText);
      } else {
        return this.winnow_results_set_highlight();
      }
    };

使用Chosen.js搜索国际字符

2 个答案: