Script is not working in IE

Question

I’m using this script in Chrome and it works normally. But in IE 8 or 9 it doesn’t work. I put a Debugger and an Alert to debug, but it doesn’t even enter the function.

$(document).on("mousedown", '#CentroCusto_new option', function (event) {
    alert('oi');
    this.selected = !this.selected;
    event.preventDefault();
});

Someone knows the reason and how to fix?

Jsfiddle

Answer 1

Following the comment I left yesterday on your question, today I had the opportunity to test and really Internet Explorer does not trigger the event of click in option of the element select but in the very select.

So that you can trigger a certain action when a option and altered, you can attach the event click à select and search for the option that you are selected to act in accordance with it:

Demonstration at Jsfiddle

// anexar evento de click à select
$(document).on("click", 'select', function (e) {

    // apanha option que recebeu click
    var $opt = $(this).find(":selected");

    // fazer algo com o valor da mesma
    alert($opt.attr("value"));
}); 

Answer 2

IE doesn’t really let you understand selection through option.

ie understands the $(":Selected") selector, which may be useful in some cases, but not in this specific case.

Answer 3

It works ?

    jQuery("#CentroCusto_new option").on('click', function (event) {
        event.preventDefault();
        alert('oi');
        this.selected = !this.selected;
        return false;
    });

or something like that ?

$( ".target" ).change(function() {
alert( "Handler for .change() called." ); 
});

http://api.jquery.com/change/