在 table 中设置 Select 下拉列表的值

Question

我有一个有 4 列的 table，第 4 列是一个下拉列表。

我知道如何在正常的 Select 中设置值 -- 但当它是 Table 字段时就不知道了。

var $td = $('#Tbl_LD tbody td');
var vtd;
 var Fidx = 3;

var SelectVal = '2';

 vtd = $td.eq((Fidx*4)+3);

 vtd.val(SelectVal);    // my attempt at setting the Table row 3 field 4 select option to 2 -- does not work

我尝试将 Table 行 3 字段 4 select 选项设置为 2 -- 不起作用

在此先感谢您的帮助

Answer 1

变量名应该清晰易懂。现在关于你的问题，最好这样做：

var rows = $('#Tbl_LD tbody tr');
var selectVal = '2';

var rows3 = rows.eq(2);
var row3col4 = row3.find('td').eq(3);
var selectEl = row3col4.find('select');

// or club all selector in single line
// selectEl = rows.eq(2).find('td').eq(3).find('select');

selectEl.val(SelectVal);

Answer 2

My attempt at setting the Table row 3 field 4 select option to 2 -- does not work

在这种情况下，您需要在 tr 和 td 上使用 :eq() 来定位 select 相关单元格。像这样：

$('#Tbl_LD tbody tr:eq(2) td:eq(3) select').val(SelectVal);

在 table 中设置 Select 下拉列表的值

Set Select value of dropdown list in table

javascript

jquery

dropdown