如何从下拉列表中选择填充表格?

时间:2017-05-15 18:10:54

标签: javascript php html

我有一个下拉列表,其中包含从数据库中提取的日期(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>

1 个答案:

答案 0 :(得分:0)

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