Javascript 使用选择框高亮显示匹配的html单元格

我想用顶部的selectbox突出显示具有匹配值的html单元格。目前它只突出显示了这一行。能帮我一点忙吗

我在这里尝试做的是，当从selectbox中选择一个数字时，将突出显示具有匹配值的对应单元格。我想同时突出显示多个单元格。请注意，它们是两个不同的表

这是我的

以下是html代码：

Jquery代码：

$("#list1").change(function () {

   var index = this.value - 1;

    var $rows = $('.row', '.table2');

    $rows.css('background-color', '');

    $('.row', '.table2').eq(index).css('background-color', 'yellow');
});

---

您可以通过使用.each方法在所有单元格上迭代，根据currect值在每个单元格上测试值匹配来实现这一点。类似这样的东西可能适合你：

//适用于所有选择器 $select.changefunction{ //提取与之交互的select的索引 var selectIndex=$this.parent.index； var值=$this.val； //迭代表中的每个单元格 $'td'，'.table2'。每个函数{ //如果单元格索引与相应单元格的索引匹配 //选中下拉列表，然后更新其背景色 如果$this.index==selectIndex{ //如果发现值匹配，则应用背景色。其他 //请清除背景色 如果$this.attr'value'==value{ $this.css'background-color'，'yellow'； } 否则{ $this.css'background-color'； } } } }; .表1，运输署{ 边框：1px实心999； } .1表1 td{ 宽度：150px； } .表2，运输署{ 边框：1px实心999； } .2表2 td{ 宽度：150px； } 列表 1. 2. 3. 列表 11 12 13 列表 21 22 23 1. 11 21 2. 12 22 3. 13 23

---

请不要发布到第三方网站的链接，这些链接可能会消失，或者将来当有人遇到这个问题时，该网站可能无法访问。谢谢，我更新了我的帖子。谢谢，Dacre。是否可以同时选择多个单元格？我的意思是，是否可以同时突出显示不同列上的值？不在同一列中。嘿，允许每列突出显示一个单元格吗？@user223549当然-刚刚更新了答案，这有帮助吗？@user223549太好了！很高兴我能帮忙：-

.table1,td {
    border:1px solid #999;
}

.table1 td {
    width:150px;
}


.table2,td {
    border:1px solid #999;
}

.table2 td {
    width:150px;
}

$("#list1").change(function () {

   var index = this.value - 1;

    var $rows = $('.row', '.table2');

    $rows.css('background-color', '');

    $('.row', '.table2').eq(index).css('background-color', 'yellow');
});