我使用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");
}
});
});
有人能指出我正确的方向吗?
答案 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