使用 JQuery 在更改时填充组合触发器

Question

我有两个DropDowns，在一个下拉事件change我已经填满了第二个下拉。当我触发 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(), '');
        }
});

注意：以上代码未经测试