从下拉列表中填充 Bootstrap 表单

Posted

技术标签:

【中文标题】从下拉列表中填充 Bootstrap 表单【英文标题】:Populate Bootstrap form from Dropdown 【发布时间】:2016-12-02 19:18:19 【问题描述】:

我正在尝试使用数据库中的内容填充 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>

正在正确填写下拉列表,我现在只是不知道如何用数据填写表格!

【问题讨论】:

"这很紧急,有人可以帮忙吗!" - 待定,我们(我)不在乎您是否有 2 小时或 2 年的时间来解决您的问题。我们将尽快为您提供适当的解决方案。所以请只专注于提出一个问题,其余的留给社区。​​span> Want to fetch data from database based on dropdown list selection using php的可能重复 好吧,伙计,我不知道!只是有点绝望,想为自己得到一些回应,并不完全认为一个有效的问题值得投反对票!只是因为别人可以轻松解决这个问题并不意味着这是一件坏事我不能 同意,我认为这个问题本身是合法的,我没有投反对票。我的猜测是,您之所以投反对票是因为“紧急”的东西,或者是因为在您的问题被编辑之前您的缩进很糟糕。 不知道你是否知道用大写写像 URGENT 这样的东西更需要注意。我们不能真正对志愿者的知识提出要求。我建议删除该位或以更礼节友好的方式表达。 【参考方案1】:

使用 AJAX。我在以前的帖子中写过它。向选择框添加一个事件监听器,这样当一个项目被选中时,您可以向 PHP 站点发出 AJAX 请求以获取您需要的数据。 json_encode数据(先做成数组),然后用jQuery,就可以把数据放到表单中了。

Bringing data from html to php and posting it onto database

【讨论】:

你也可以检查这个答案以获得没有 jQuery ***.com/a/38614744/3595565 的解决方案,这几乎是相同的场景

以上是关于从下拉列表中填充 Bootstrap 表单的主要内容,如果未能解决你的问题,请参考以下文章

如何显示所有 asp:在下拉列表中使用 bootstrap 3 和表单控制类时以粗体显示下拉项目

JS 表单 - 动态填充下拉列表 - 多选,表单填充

Bootstrap 3 下拉菜单不更新

访问子表单可见性

在同一页面上提交表单时如何预填充下拉列表?

根据以前的表单输入和来自 MySQL 的数据填充下拉列表