Javascript 在Google Chrome中未触发主干点击事件

我有下面的代码，它可以在除谷歌Chrome之外的所有浏览器中使用。 我希望每次单击某个选项时，都能用“您选择的选项（选择的选项编号）”文本提醒我。 我不能让它工作

var MyView = Backbone.View.extend({

    el : "#eventPage",

    initialize : function(options) {
        _.bindAll(this, 'render', 'changeNum');
        this.render();
    },

    render : function(){
        var a = [];
        var b = 0;

        a[b++] = '<div>';
        a[b++] = '  <select id="select">';
        a[b++] = '      <option class="sel" id="1">ONE</option>';
        a[b++] = '      <option class="sel" id="2">TWO</option>';
        a[b++] = '      <option class="sel" id="3">THREE</option>';
        a[b++] = '  </select>';
        a[b++] = '</div>';

        $(this.el).html(a.join(""));
    },

    events : {
        "click #select .sel":"changeNum"
    },

    changeNum : function(e){
        alert("You selected option "+$(e.currentTarget).attr("id"))
    }
});

var MyView=Backbone.View.extend({
el:“事件页面”，
初始化：函数（选项）{
_.bindAll（这是'render'，'changeNum'）；
这个。render（）；
},
render:function（）{
var a=[]；
var b=0；
a[b++]=''；
a[b++]=''；
a[b++]=“一”；
a[b++]=“两个”；
a[b++]=“三”；
a[b++]=''；
a[b++]=''；
$（this.el）.html（a.join（“”）；
},
活动：{
单击#选择.sel:“changeNum”
},
changeNum：函数（e）{
警报（“您选择的选项”+$（e.currentTarget）.attr（“id”））
}
});

与其在

选项

元素上单击，不如在

选择

元素上监听更改：

events: {
    "change #select":"changeNum"
}

然后在

changeNum

函数中，您可以获得所选选项：

changeNum: function(e) {
    alert("You selected option "+$(e.currentTarget).find('option:selected').attr('id'));
}

这是一把小提琴：