Question

I’m designing a webpage where I have a combobox (drop down list) and it has several items in it. I want to be able to click the element and select the first item and it should fire the changed event.

Initial situation:

I will click the button next to 1/2000 and:

Afterwards, if I click on 1/2000, I want the changed event to fire. I know it is simple with jQuery, but I couldn’t find how to search for this problem so couldn’t find an answer.

Thanks, Can.

Answer 1

The event is fired when you select the option, if you want to do something when it’s fgired you should do:

$('#yourselect').change(function(){
   alert('changed');
});

Look at this fiddle:

http://jsfiddle.net/5wc37/

EDIT – tanks to james now i understand what the poster want. One thing you coukd do is binding the click event to the select and check if the target is an option or a select. if it’s an option, do what you want:

$('select#yourselect').click(function(e) {
    if(e.target.tagName === "OPTION"){
        alert(this.value);
    };
});

fiddle

http://jsfiddle.net/5wc37/12/