Jquery 列表框更改事件不会在键盘滚动时触发

我有一个 HTML 表单上的简单列表框和这个非常基本的 jQuery 代码

//Toggle visibility of selected item
$("#selCategory").change(function() {
    $(".prashQs").addClass("hide");
    var cat = $("#selCategory :selected").attr("id");
    cat = cat.substr(1);
    $("#d" + cat).removeClass("hide");
});

当使用鼠标选择当前项目时，更改事件会正常触发，但是当我使用键盘滚动项目时，不会触发该事件，并且我的代码永远不会执行。

这种行为有原因吗？解决方法是什么？

The onchange在元素失去焦点之前，通常不会触发事件。您还想使用onkeypress。也许是这样的：

var changeHandler = function() {
    $(".prashQs").addClass("hide");
    var cat = $("#selCategory :selected").attr("id");
    cat = cat.substr(1);
    $("#d" + cat).removeClass("hide");
}

$("#selCategory").change(changeHandler).keypress(changeHandler);

你会想要两者onchange and onkeypress分别考虑鼠标和键盘交互。