javascript - 将更改事件绑定到选择

Question

我正在尝试为我的 Jquery Mobile 1.3.1 应用程序构建一个选择菜单。我想触发一个更改事件以根据从选择菜单中选择的项目更新总计。

首先，我构建了我重复使用的选项列表：

var options = "<option value='NR'>Not Reached</option> ";
options += "<option value='ALT'>Alternate</option> ";

然后我建立一个回调来更新总数

var selects = new Array();
//callback to update the totals on change
var changeCallback = function(event, ui) {
    var totals = new Object();
    selects.forEach(function(select) {
        value = select.value;
        total = totals.value;
        if(total) {
            ++total;
            totals.value = total;
        }
        else {
            totals.value = 1;
        }
    })
    _updateTotals(totals);
};

然后我循环构建选择框。这是我构建选择框并添加回调的地方：

var select = "<select name=" + selectName + " id=" + selectName + "> ";
select += options;
select += "</select>";
select.on( "change", changeCallback);
select = jQuery.parseHTML(select)[0];
selects.push(select);

问题是当绑定被执行时，它会从循环跳转到返回，我假设这表示错误。