Question

I am having an issue with a jquery function. It works in FF but not in IE 6. I want the function to be triggered when any option inside a select drop down is clicked. Here is the start of my funcation:

$('#titleSelect option').click( function() {    
    alert("title clicked");
    ......
});

Here is my drop down list:

<select id="titleSelect">
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>

So in FF, the alert is triggered but in IE it is not. Is there any sort of an issue with IE recognizing the click event on a select and if so is there any way around it.

Answer 1

why you don’t use the onChange event? like:

$('#titleSelect').change( function() {    
alert("title "+$(this).val()+" clicked");
......
});

the jQuery change-event documentation you can find here:

http://docs.jquery.com/Events/change#fn