检查下拉列表并动态更改单元格颜色

时间:2016-09-12 19:51:06

标签: javascript php css html5 drop-down-menu

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

的index.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>

Edit.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>

1 个答案:

答案 0 :(得分:0)

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

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

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

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