Question

我有两个DropDowns，在一个Drop Down的change事件中，我已经填满了第二个Drop Down。当我在Arrow Keys上触发第一次下拉的更改事件时，它无法正常工作，而Mouse click工作正常。这是我的代码..

$('#cmbCategory').on('change', function () {
    //alert($(this).val());
    // the below function will get Sub Categories from DataBase.
    getSubCategories($('#cmbCategory :selected').val(), '');
}).keydown(function (e) {
    if (e.which == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40) {
        $(this).trigger('change');
    }
});

此代码在使用Mouse时工作正常，但不适用于Arrow Keys。任何帮助..

Answer 1

我认为你必须添加keyup事件，或者你也可以使用keypress事件

$("#cmbCategory").keyup(function(e) 
{
        if (e.keyCode == 40) 
        {  
            getSubCategories($('#cmbCategory :selected').val(), '');
        }
        if(e.keyCode==38)
        {
            getSubCategories($('#cmbCategory :selected').val(), '');
        }

});

注意：以上代码未经过测试

使用JQuery填充更改Trigger的组合

1 个答案: