使用键盘访问jqtransform选择

Question

我正在使用jqtransform进行组合框。我需要使用键盘访问select。例如：使用箭头键访问select-jqtransform选项。

Answer 1

如果您想通过箭头键选择组合框选项，这是我的解决方案：

HTML：

<select id="IdOfCombobox">
    <option value="0">Option1</option>
    <option value="1">Option2</option>
    <option value="2">Option3</option>
</select>

使用Javascript：

$(document).keydown(function(event) {
var numberOfOptions= $("#IdOfCombobox > option").length;
var selectedIndex = $("#IdOfCombobox option:selected").val();

switch (event.keyCode) {
    case 38: // UP Key
        if(selectedIndex > 0){
            $("#IdOfCombobox").val(parseInt($("#IdOfCombobox option:selected").val()) - 1);   
        }
        break;
    case 40: // DOWN Key
        if(selectedIndex < numberOfOptions - 1){
            $("#IdOfCombobox").val(parseInt($("#IdOfCombobox option:selected").val()) + 1);   
        }
        break;
}

}）;