jQuery适用于Firefox，但不适用于Chrome

Question

I've been stuck with this for a couple of days now. I'm developing a website and I've been testing it on Firefox, but what is working on Firefox is not Working on Chrome or mobile browsers like Chrome, Firefox or Dolphin HD.

Here is the code in a jsFiddle: http://jsfiddle.net/5QMJQ/10/

What it does is get the data selected in the first five selects and add it to the last one. It's fine in Firefox, but in Chrome it doesn't enter in the functions. And I don't know what else to do.

$(document).ready(function () {

     console.log('1 - Working');
     // Función que va añadiendo o quitando elementos al campo "Oficial responsable"
     // del equipo local dependiendo de los campos anteriores.
     $("#equipo_local select option").click(function () {

         console.log('2 - Working');

         ...
     });
 });

console.log('1 - Working'): FF and Chrome displays this.

console.log('2 - Working'): Only Desktop FF displays this.

Thanks for the help!

Answer 1

I don't think click events are valid on options. Instead try .change on the select?

Answer 2

I suspect it's got a lot to do with how the click event is being handled on an option element.

If you change your handler from click on the option , to change on the select , you'll find it works as desired.

$("#equipo_local select").change(function () {

http://jsfiddle.net/5QMJQ/11/