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

Question

我正在尝试做的是根据从 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 而不是输入框吗？

Answer 1

我用 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;
}