0

我有一个循环遍历表单中的依赖字段。数组如下所示：

var dependentFields = [
    { parent: FLDID_LABEL, children: [FLDID_LABEL_TEMPLATE, FLDID_LABEL_INSTRUCTIONS], choiceTrigger: 'Yes', markAsReq: true },
    { parent: FLDID_SHIP_TO, children: [FLDID_SHIP_TO_ADDR], choiceTrigger: 'No', markAsReq: true }
];

我有一个函数被调用来附加所有事件处理程序。为简单起见，我将只显示问题发生的循环。

function attachEventHandlers() {
    // begin dependent fields
    for (var i = 0; i < dependentFields.length; i++) {
        var o = dependentFields[i];
        $('#' + o.parent).change(function () {
            var visible = $('#' + o.parent + ' :selected').text() === o.choiceTrigger;
            for (var c = 0; c < o.children.length; c++) {
                var child = o.children[c];
                showField(child, visible);
                if (o.markAsReq && $('#' + child).val() === '') {
                    MarkFieldAsRequired(child);
                }
            }
        });
    }
}

只有第二个依赖字段有效，第一个无效。我认为这与方式有关，var i或者var o是从外部函数中引用的。实际上，相同的事件处理程序附加到所有相关字段。我怎样才能解决这个问题？

编辑：这是一个带有错误的 jsfiddle：http: //jsfiddle.net/H3Bv2/4/ 请注意更改父母中的任何一个只会影响第二个孩子。

4

2 回答 2

1

看看这里的解决方案：循环内的 JavaScript 闭包 – 简单实用的示例。

您的原始代码引用循环中创建的每个回调函数中的单个变量o- 并且该变量的值在每次迭代时重新分配，因此所有回调最终都使用分配的最后一个值。

于 2012-10-12T22:12:33.753 回答
0

我想到了。使用jQuery.each让我避免在循环中定义变量。这是我的解决方案：

function attachEventHandlers() {
    // begin dependent fields
    $.each(dependentFields, function (i, o) {
        $('#' + o.parent).change(function () {
            var visible = $(':selected', this).text() === o.choiceTrigger;
            for (var c = 0; c < o.children.length; c++) {
                var child = o.children[c];
                showField(child, visible);
                if (o.markAsReq && $('#' + child).val() === '') {
                    MarkFieldAsRequired(child);
                }
            }
        });
    });
}
于 2012-10-12T21:59:14.540 回答