php - 有没有一种简单的方法使用 CSS 或 Javascript 根据字段的值更改 div 的背景颜色

我试图做的是根据从 MySQL 返回的值的结果，将 div 的背景从白色变为非常浅的绿色。所以我有一个表单，其中有一个名为付款状态的字段，如果他们全额付款，我希望 div 的背景颜色更改为浅绿色。如果付款显示没有付款，我希望背景显示为非常浅的红色。

我进行了搜索并尝试使用此 change background color based on value

但这对我来说有点太复杂了。我希望我可以用 javascript 或 css 或组合来做到这一点。
这是我的付款状态 <td>Payment : </td> <td style="height: 30px; width: 145px;"><?php echo $data2['pay_status']?></td> 代码行

所以基于 pay_status 的值是我想用来改变背景颜色的。

*******更新********
所以经过大量的反复试验，我想出了这个 jsfiddle
如果我需要更改输入框的背景颜色但我需要更改 div 背景颜色，这就像一个魅力？有人可以帮我修改它以更改 div 而不是输入框吗？

最佳答案

我发现这里使用 javascript 是 jsfiddle
感谢所有提供建议的人!

var div = document.getElementById('info');
var payment = document.getElementById('paystatus');
var green = "#66ff99";
var red = "#ff9999";
if (payment.value == 'Paid in Full') {
div.style.backgroundColor = green;
} else {
div.style.backgroundColor = red;
}

关于php - 有没有一种简单的方法使用 CSS 或 Javascript 根据字段的值更改 div 的背景颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17757337/