javascript - 在循环内初始化 onchange 事件 - Javascript

Question

我正在尝试将 onChange 事件绑定(bind)到循环内的 7 个下拉列表。但是当任何一个下拉菜单发生变化时，最后一个下拉菜单的 onChange 事件总是会被执行。

$(function () {
    for (var i = 1; i <= 7; i++) {
        $('select[id$="bodysys' + i + '"]').change(function () {
            if (this.value == "99")
                enabletextbox($('input[id$="bodysys' + i + 'spec"]')[0]);
        });
    }
}

如何让 onChange 分别作用于所有元素？

Answer 1

这称为最后一个唯一问题，并使用闭包解决:

$(function () {
    for (var i = 1; i <= 7; i++) {
        (function (i) {
            $('select[id$="bodysys' + i + '"]').change(function () {
                if (this.value == "99")
                    enabletextbox($('input[id$="bodysys' + i + 'spec"]')[0]);
            });
        })(i);
    }
}

它创建了一个新的作用域，因此当 i 在原始作用域中更改时，它不会在旧作用域中更改。