jQuery function "on()" working in Firefox but not working in Chrome

Question

This code works in Firefox but not in Chrome. Alert is executed only in Firefox. Why? What am I doing wrong?

jQuery(document).ready(function($){
    $('#myselect option').on('click', function() { 
            var selectvalue= $(this).attr('value');
            alert(selectvalue);
            return false;
    });
});

Can you post the HTML you're using? A jsFiddle.net example would help too. — j08691, Jul 16 '13 at 14:07

score 5 · Accepted Answer · answered Jul 16 '13 at 14:09

5

You probably don't want to bind events to the options because the handling will be inconsistent - if someone uses the keyboard arrows to select their option, will the .click event fire?

You're probably better off just binding $('#myselect').on('change', function... which will catch any time the value is changed for any reason.

answered Jul 16 '13 at 14:09

Joe

15,669
4
48
83

Here's a quick demo I threw together to illustrate this: http://jsfiddle.net/ZRCtN/ – Joseph Marikle Jul 16 '13 at 14:11
Thanks, but how can I then change `var selectvalue= $(this).attr('value');` ? This is not working `var selectvalue= $(this).('option').attr('value');` – Danteonline Jul 16 '13 at 14:14
ok, thanks, seems to be working in Chorme too ;) – Danteonline Jul 16 '13 at 14:19

jQuery function "on()" working in Firefox but not working in Chrome

1 Answers1