javascript - 不同字符编码时从键盘搜索选项

Question

我有选择标签，其中包含格鲁吉亚语选项：

<select>
    <option value="1"> პირველი </option>
    <option value="2"> მეორე </option>
    <option value="3"> მესამე </option>
</select>

当我展开选择标签并在键盘上按“მ”时，我想搜索以“მ”开头的选项。当字符用英语书写时，默认情况下一切正常。我不知道如何解决它，你能建议什么吗？

Answer 1

我的键盘上没有格鲁吉亚字符，但至少我懂俄语：

HTML：

<select id="select">
    <option value="0">Ноль</option>
    <option value="1">Один</option>
    <option value="2">Два</option>
    <option value="3">Три</option>
    <option value="4">Четыре</option>
    <option value="5">Пять</option>
    <option value="6">Шесть</option>
    <option value="7">Семь</option>
    <option value="8">Восемь</option>
    <option value="9">Девять</option>
</select>

JS：

document.getElementById('select').addEventListener('keypress', function (event) {
    var length = this.options.length;
    var char = String.fromCharCode(event.which);
    var keys = {
        a: 'ф',
        b: 'и',
        c: 'с',
        d: 'в',
        e: 'у',
        f: 'а',
        g: 'п',
        h: 'р',
        i: 'ш',
        j: 'о',
        k: 'л',
        l: 'д',
        m: 'ь',
        n: 'т',
        o: 'щ',
        p: 'з',
        q: 'й',
        r: 'к',
        s: 'ы',
        t: 'е',
        u: 'г',
        v: 'м',
        w: 'ц',
        x: 'ч',
        y: 'н',
        z: 'я',
        '[': 'х',
        ']': 'ъ',
        ';': 'ж',
        '\'': 'э',
        ',': 'б',
        '.': 'ю',
        '/': '.',
    };
    var key = keys[char];
    for (var i = 0; i < length; i++) {
        if (this.options[i].innerHTML.charAt(0).toLowerCase() === key) {
            this.selectedIndex = i;
            break;
        }
    }
});

还有一个工作示例： http: //jsfiddle.net/wdSQv/1/（在 Firefox 20 中测试）