Question

我有一个选项列表，其中包含一些日文文本：

<select name="era" class="form-control form-smallItem">
   <option value="">--</option>
   <option value="4">平成</option>
   <option value="3">昭和</option>
   <option value="2">大正</option>
   <option value="1">明治</option>
</select>

我想通过在HTML中按下1,2,3和4来选择选项。如果我按1它应显示＆＃34;明治＆＃34;如果2 - ＆＃34;大正＆＃34;，......等等。

我是否需要在keypress上编写特殊的Javascript？或者HTML 5是否还有其他任何属性？

Answer 1

您可以使用以下内容，它应该支持单个字符值

$('select[name="era"]').keypress(function (e) {
    var char = String.fromCharCode(e.which);
    $(this).find('option[value="' + char + '"]').prop('selected', true);
})

演示：Fiddle

Answer 2

您需要为此行为编写一些javascript。

默认情况下，浏览器（HTML5或其他）通常根据与文本匹配的按键选择<select>选项，而不是值。

Answer 3

嗨，请看这个小提琴：

http://jsfiddle.net/jFIT/K6by2/

将Keyup函数添加到要将此事件应用于..

的任何元素

$(document).keyup(function (e) {
    var key = e.keyCode;
    var sel = $('select[name=era]');
    if (key == 49) {
        sel.val(1);
    } else if (key == 50) {
        sel.val(2)
    } else if (key == 51) {
        sel.val(3)
    } else if (key == 52) {
        sel.val(4)
    }
});

按键1,2,3,4上的选择值列表

3 个答案: