链中的jQuery选择不起作用

时间:2015-07-25 00:26:54

标签: jquery

我使用jQuery选中一个复选框,突出显示复选框所在的行,然后更新同一行中的选择列表字段的值。到目前为止,我的工作并不顺利......

这是我的代码:

$(document).ready(function () {
    $('.record_table tr').click(function (event) {
        if (event.target.type !== 'checkbox') {
            $(':checkbox', this).trigger('click');
        }
    });

    $("input[type='checkbox']").change(function (e) {
        if ($(this).is(":checked")) {
            $(this).closest('tr').addClass("highlight_row")
            $(':checkbox').siblings('td')
            $(this).val('Saab 95');
        } else {
            $(this).closest('tr').removeClass("highlight_row");
        }
    });
});

有人能指出我正确的方向吗?

1 个答案:

答案 0 :(得分:0)

要选择元素,您不能只设置val元素的select - 尽管您可以使用它来检索它。

您需要做的是找到您想要被选中的option,并将其selected属性标记为true。

下面:

var row = $(this).closest('tr');
row.addClass("highlight_row");
row.find('td select.carSelect').find("option[value=saab]").attr("selected", true);

JSFiddle:here