javascript - 選択への変更イベントのバインド

Question

Jquery Mobile 1.3.1 アプリの Selectmenu を作成しようとしています。Selectmenu から選択された項目に基づいて合計を更新するための変更イベントをトリガーしたいと考えています。

まず、再利用するオプションのリストを作成します。

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);

問題は、バインドが実行されると、ループからリターンにジャンプすることです。これは、エラーを示していると想定しています。