Fill Combo on change Trigger using JQuery

Question

I have two DropDowns, on change event of one Drop Down, i haved filled the 2nd Drop Down. when i trigger the change event of first drop down on Arrow Keys, its not working, while on Mouse click its working fine. Here is my Code..

$('#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');
    }
});

This code works fine while using Mouse, but doesn't work on Arrow Keys. Any Help..

A Paul · Accepted Answer · 2014-01-09 12:20:36Z

3

I think you have to add keyup event or you can also use keypress event

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

});

Note: Above code is not tested

answered Jan 9, 2014 at 12:20

A Paul

8,3113 gold badges33 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Fill Combo on change Trigger using JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related