Javascript 简单jquery选择器在chrome中不起作用

所以我有这个脚本：

需要按城市显示或隐藏活动。它在ff中工作正常，但没有铬

实际脚本位于gears.js中

多谢各位

$('#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;
        };
    });

---

进行以下更改，您就可以开始了

你能做一个小提琴复制问题吗？解决了，Chrome不知道点击选项，只在父选择上，从选择中获取val，而不是选项值，等等。解决了，谢谢，无论如何，你应该使用更改而不是clickHi Vlad，如果解决了，你能添加一个答案并接受它吗？否则，这个问题仍然没有答案。

$('#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;
        };
    });