Trigger Change event and keyup event in select element

Question

I have some codes that should be run when a select element changes.I do it with jquery in this way:

$("#myselect").change(function() {
    .......
});

But I want these codes run also when user change the select using keyword arrows. As i found the event for this purpose is 'keyup' . So will be :

$("#myselect").keyup(function() {
   .......
});

How can i combine these two event?

Sochi

Answer 1

You can use .bind() to combine them:

$("#myselect").bind("change keyup", function(event){
   //Code here
});

See reference here.

Maxey

the new syntax is to replace "bind" with "on" – Clyde

Answer 2

You can write the function that you want to call separately, and then assign it to the events you want to handle, sth like:

var func = function(){};

$("#myselect").change(func()).keyup(func());

Suds

As far as i know, you can't. You will have to iterate over the options of the select and ask each one of them if they are selected or not. Else you can use another jQuery filter, ":selected" to filter the selected option. – Suds

This is how you can find the selected option in your select: alert ($(this).children(":selected").attr("value")); – Suds