从Dropdown填充Bootstrap表单

时间:2016-07-28 11:56:26

标签: javascript php mysql ajax drop-down-menu

我正在尝试使用数据库中的内容填充Bootstrap表单。基本上用户流程是,用户从下拉列表中选择已填充了来自数据库的信息的记录。每当他们从该下拉列表中选择一个选项时,它就会用相关数据填充表单。以下是一些示例代码:

<?php
      mysql_connect('server', 'name', 'password');
      mysql_select_db('database');
      $sql = "SELECT * FROM table";
      $result = mysql_query($sql);
      echo "<select name='select' class='form-control'";
      while ($row = mysql_fetch_array($result)) {
            echo "<option value='" . $row['details_id'] . "'>" . $row['name'] . "</option>";
      }
      echo "</select>";
      ?>
      </div>
       <script>

       </script>
       </div>
            <legend>Edit details and submit request</legend>
            <!-- Text input-->
            <div class="form-group">
                 <label class="col-md-4 control-label" for="edit">Name:</label>
                 <div class="col-md-8">
                      <input id="edit" name="edit" type="text" class="form-control input-md">
                 </div>
            </div>

正确填写了下拉列表,我现在还不知道如何使用数据填写表单!

1 个答案:

答案 0 :(得分:1)

使用AJAX。我在上一篇文章中写过这篇文章。向选择框添加事件侦听器,因此在选择项目时,您可以向PHP站点发出AJAX请求以获取所需的数据。 json_encode数据(首先将其放入数组),然后使用jQuery,您可以将数据放入表单中。

Bringing data from html to php and posting it onto database