javascript - 简单的 jquery 选择器在 chrome 中不起作用

Question

所以我在（http://clubmoving-wp.punct.ro/）上有这个脚本：

$('#scheduleBox .selectCity select option').click(function() {
        var cityToShow = $(this).attr('value');
         switch(cityToShow) {
            case '0':
                $('.bucuresti, .cluj, .otopeni, .iasi').show();
                break;   
            case '1':
                $('.cluj, .otopeni, .iasi').hide();
                $('.bucuresti').show();
                break;
            case '2':
                $('.cluj, .bucuresti, .iasi').hide();
                $('.otopeni').show();
                break;
            case '3':
                $('.bucuresti, .otopeni, .iasi').hide();
                $('.cluj').show();
                break;
            case '4':
                $('.bucuresti, .otopeni, .cluj').hide();
                $('.iasi').show();
                break;
        };
    });

需要按城市显示或隐藏活动。它在 ff 中工作得很好，但没有 chrome

实际的脚本在 gears.js

谢谢你

Answer 1

$('#scheduleBox').on('change', '.selectCity', (function() {
        var cityToShow = $('option:selected', this).val();
         switch(cityToShow) {
            case '0':
                $('.bucuresti, .cluj, .otopeni, .iasi').show();
                break;   
            case '1':
                $('.cluj, .otopeni, .iasi').hide();
                $('.bucuresti').show();
                break;
            case '2':
                $('.cluj, .bucuresti, .iasi').hide();
                $('.otopeni').show();
                break;
            case '3':
                $('.bucuresti, .otopeni, .iasi').hide();
                $('.cluj').show();
                break;
            case '4':
                $('.bucuresti, .otopeni, .cluj').hide();
                $('.iasi').show();
                break;
        };
    });

进行以下更改，您应该一切顺利！