当字符编码不同时，从键盘搜索选项

searching option from keyboard when different character encoding

本文关键字：键盘 搜索 选项 字符 编码      更新时间：2023-09-26

我有一个select标签，在格鲁吉亚有选项:

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

当我展开选择标签并按键盘上的""时，我想搜索以""开头的选项。当字符用英文书写时，默认情况下一切正常。我不知道怎么修理它，你能给点建议吗?

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

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中测试)

相关文章：