javascript - 使用jquery根据第一个选项设置第二个选项值

Question

我有一张 table 。我使用 jquery 动态地将行添加到表中。 每行有 3 个选择标签。我想将第三个选项的值设置为与选择的第二个选项相同。

这是我的代码:

$('#table tr').each(function () {
    $(this).find('select:eq(1)').change(function () {

        var selectedVal = $("#table").find('select:eq(1)').val();
        $('#table').find('select:eq(2)').val(selectedVal);

    });
});

但我的问题是它只适用于一行。我的代码有什么问题吗？

JSFiddle

Answer 1

委托(delegate)事件并用作选择器tr td:nth-child(2) select:

$('#table').on('change', 'tr td:nth-child(2) select', function () {
     $(this).closest('tr').find('select:eq(2)').val(this.value);
 });

-jsFiddle-