如何从下拉选择中填充表格？答案

【问题标题】：How can I populate a table from a dropdown selection?如何从下拉选择中填充表格？
【发布时间】：2017-05-15 18:10:54
【问题描述】：

我有一个下拉列表，其中加载了从数据库中提取的日期（date_entered）。我的表有尺寸、项目、描述、单位、价格、用途和项目编号列。

我的数据库有相同的但也有一个 date_entered。当用户从下拉列表中选择日期时，我需要用相应的数据（大小、项目等）填充表格。但是我不知道该怎么做，因为我认为 php 只在请求页面时才加载数据。下面是我的下拉菜单的代码。我会添加一个显示按钮供用户单击吗？任何帮助，将不胜感激。谢谢

                    <label for="">Select invoice</label>
                    <div class="input-group">
                        <select name="invoice" id="invoice" class="form-control" type="text" list="id" placeholder="Select Number"value="<?php $Date_entered ?>">
                        <span class="input-group-btn">
                            <datalist name="id" id="id">&nbsp;<span class="caret"></span>
                            <?php
                            include("Connect.php");
                            $result=mysql_query("SELECT Date_entered FROM orders");
                            while ($row = mysql_fetch_array($result)) {
                                unset($id);
                                $id = $row['Date_entered'];
                                echo '<option value="'.$id.'">'.$id.'</option>';
                            }
                            ?>
                            </datalist>
                        </span>
                        </select>
                    </div>

【问题讨论】：

一旦用户选择日期，您可以使用 ajax 加载更多数据。看看这个 - stackoverflow.com/questions/32389767/…

标签： javascript php html

【解决方案1】：

您必须为此使用 AJAX。最好的方法是定义一个函数，该函数在用户更改下拉选择器时运行，并在此函数中将数据插入数据库，然后进行 ajax 调用以获取日期。在 AJAX 调用中，在成功回调函数上，重新填充您的下拉列表。查看此帖子以获得更多帮助：How to populate dependable drop down using AJAX

【讨论】：