使用选择下拉列表填充表(来自数据库)

时间:2016-11-07 12:27:15

标签: javascript php html-table onchange populate

如下面的代码所示,我有一个下拉列表,从表格#34; tabela"填充。在它下面我有一个表,我需要它来填充,具体取决于从下拉列表中选择的选项?

我该怎么做?

<div class="box">
    <?php
        $pdo = new PDO('mysql:host=localhost;dbname=dbname; charset=utf8', 'user', 'pass');
        $sql = "SELECT id, pref, nome FROM tabela GROUP BY pref,nome ORDER BY nome";
        $stmt = $pdo->prepare($sql);
        $stmt->execute();
        $users = $stmt->fetchAll();
    ?>
    <select>
        <?php foreach($users as $user): ?>
            <option value="<?= $user['id']; ?>"><?= $user['pref']; ?> - <?= $user['nome']; ?></option>
        <?php endforeach; ?>
    </select>
    <table class="gradienttable">
        <thead>
            <tr>
                <th colspan="7" class="tabelas">tipo1</th>
            </tr>
            <tr>
                <th>Tipo1</th>
                <th>Modelo</th>
                <th>Qtde</th>
                <th>Tipos</th>
                <th>Pessoas</th>
                <th>Vazios</th>
                <th>Porcent</th>
            </tr>
        </thead>
        <tbody>
            <?php
                foreach ($dbh->query("SELECT *, (ocupacao)*100 as ocupacao1 FROM tabela WHERE prefixo=8510") as $row) {
                    printf(
                        "<tr onmouseover='this.style.fontWeight=700;' onmouseout='this.style.fontWeight=400;'>
                            <td style='padding:8px;'>%s - %s</td>
                            <td style='padding:8px;'>%s</td>
                            <td>%s</td>
                            <td>%s</td>
                            <td>%s</td>
                            <td>%s</td>
                            <td>%s</td>
                        </tr>",
                        $row->pref, $row->nome, $row->model, $row->qtde, $row->tipos, $row->pessoas, $row->vazios, $ocupacao1 = round($row ->ocupacao1 * 100)/100 . '%');
                }
            ?>
        </tbody>
    </table>
</div>

2 个答案:

答案 0 :(得分:0)

使用您收集数据的方式,您需要将结果回显到html。

<?php foreach ($dbh->query("SELECT *, (ocupacao)*100 as ocupacao1 FROM infografico WHERE prefixo=8510") as $row) { ?>
   <tr onmouseover='this.style.fontWeight=700;' onmouseout='this.style.fontWeight=400;'>

     <td><?php echo $row->pref; ?></td>
     ...
   </tr>

<?php } ?>

最好先收集表中所需的数据并根据需要形成数组,然后遍历该数组并回显到表中。

答案 1 :(得分:0)

我认为首先你应该将你的foreach()语句改为:

<?php foreach($users as $user) { ?>
  <option value="<? echo $user['id']; ?>"><? echo $user['pref']; ?> - <?echo $user['nome']; ?></option>
<?php }; ?>

我发现这更干净,更易读:)

然后,您需要启用该页面以&#34;过滤&#34;通过选择行 - 这可以通过每次更改选择值时发布选择内容来完成(所以基本上你创建一个表单,每次你改变选择中的内容时提交自己 - 不是非常现代的解决方案)或使用AJAX发送内容并检索结果。

如果您决定选择第二个选项(我强烈推荐),您应该看看有关基于AJAX响应更改页面内容的一些教程。我建议去jQuery - 因为你应该找到一些可以帮助你的功能......