gpt4 book ai didi

javascript - 检查下拉菜单并动态更改单元格颜色

转载 作者:行者123 更新时间:2023-11-28 05:12:47 25 4
gpt4 key购买 nike

我有一个 Web 表,使用 php pdo 显示一个 sql server 数据库表。该表已创建并显示在 index.php 文件中。我在 edit.php 中有一个表单,用户可以在其中更新表格。 edit.php 中的一些字段有下拉菜单。例如,一个字段具有下拉选项 Q1、Q2、Q3 和 Q4。如果初始值为Q1或用户更新为Q1,我想让表格中单元格的背景颜色为绿色,如果Q2=>黄色,Q3=>红色。有人可以帮我解决这个问题吗?我有如下所示的 index.php 和 edit.php:

索引.php

<?php
require_once('include/database.php');
?>

<!DOCTYPE html>
<html>
<head> </head>
<body>
<tr><th>Q Rating</th></tr>
<tr><th>Action</th></tr>

<?php
$stmt = $conn->prepare("SELECT * FROM MATRIX ORDER BY OBJECTID ASC");
$stmt ->execute();
$result = $stmt->fetchAll();
foreach($result as $row) {

?>

<tr>
<td><?=$row['Q_Rating'];?></td>
<td><a href="edit.php?id=<?=$row['OBJECTID'];?>">Edit </a> </td>

编辑.php

   <form action="" method="post"> 
<tr>
<td>ATFP</td>
<td><label>
<select name="txt_qrating" class="textfields" id="q_rating">
<option id="0">Select One</option>
<option id="1"> Q1</option>
<option id="2">Q2</option>
<option id="3">Q3</option>
<option id="4">Q4</option>

</select>
</label>
</td>
</tr>

<tr>
<td><label>
<input type="hidden" name="txt_id" value="<?= $object_id; ?>">
</label>
</td>
<td><label><input type="submit" name="btn_submit" value="Submit">
</label>
</td>
</tr>

最佳答案

只需添加一些带有适当类的 css 样式:

.green { color: green;} .red { color: red;}

.. 然后添加一些内联条件,例如:

<table>
<tbody><tr>
<td class="<?php echo ("quatity1" === $myvar ? 'red' : 'green'; ?>">tdValueHere</td>
</tr></tbody></table>

关于javascript - 检查下拉菜单并动态更改单元格颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39457772/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com