Javascript 根据输入值更改表格行的背景色

当状态为“打开”时，背景将保持白色，因此如果状态更改为“关闭”，我会将背景设置为绿色。有什么想法吗？谢谢

地位
开闭式

开闭式

开闭式

使用

.change（）

事件确定select的当前文本

使用

.closest（）

获取

tr

$（“选择”）.change（函数（）{
$（“选项：选中”，this）.text（）.trim（）.toLowerCase（）==“打开”？$（this）.closest（“tr”）.css（“背景色”，“白色”）：$（this.closest（“tr”）.css（“背景色”，“绿色”）
})

地位
开闭式

开闭式

开闭式

这是您的解决方案

$（'select'）。更改（函数（）{
if（$（this）.val（）=='open'）{
$（this.parent（）.css）({
“背景色”：“fff”
});
}否则{
$（this.parent（）.css）({
“背景色”：“绿色”
});
}
})

地位
开闭式

开闭式

开闭式

您可以使用

change

事件来检查属性，以将类添加/删除到父级

td

或更改为整行颜色。。。只需针对父级

tr

，如下面的代码片段所示

$（“选择”）。在（“更改”，函数（）上{
var parent=$（this.parents（“tr”）；
（$（this）[0]。selectedIndex==1）？parent.addClass（“关闭”）：parent.removeClass（“关闭”）；
});
。已关闭{
背景颜色：绿色；
}

状态其他东西
OpenClosedOther cellOther电池

OpenClosedOther cellOther电池

OpenClosedOther cellOther电池

使用状态字段的下拉列表来限制可以输入的值不是更好吗？无论如何，您是否尝试添加一个
change
事件处理程序来测试字段的值并做出相应的反应？整个表行背景包括it@nnnnnn，好主意，谢谢@codezz，你最好用谷歌搜索一下。这是一个相当普遍的要求，你几乎肯定会找到一些指导或教程，让你学习。祝你好运当我在“打开”和“关闭”之间更改值时，颜色是否会在白色和白色之间动态变化green@Codezzz检查demo@Codezzz我还添加了另一个示例。。它使用添加和删除类。。你可以玩那个样品谢谢你@Codezzz很高兴帮助mate:）如果表行中有更多列，有没有办法将所有列更改为绿色？非常感谢您的帮助，非常感谢