从下拉菜单填充引导表单
Populate Bootstrap form from Dropdown
我正试图用数据库中的内容填充引导表单。基本上,用户流是,用户从下拉列表中选择一条记录,该记录已填充了数据库中的信息。每当他们从下拉列表中选择一个选项时,它就会用相关数据填充表单。以下是一些示例代码:
<?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>
下拉列表填写正确,我现在不知道如何用数据填写表单!
使用AJAX。我在前一篇文章中写过这件事。在选择框中添加一个事件侦听器,这样当一个项目被选中时,您就可以向PHP站点发出AJAX请求来获取所需的数据。json_encode数据(首先将其制成数组),然后使用jQuery,可以将数据放入表单中。
将数据从html带到php并将其发布到数据库
相关文章:
- 单击鼠标,用MySQL数据填充html表单输入字段
- 通过浏览器对表单自动填充做出反应
- 谷歌表单-根据分配给谷歌应用程序的工作为商业用户预先填充多项选择列表
- 提交表单时,Javascript(JQuery)不会在文本区域中填充内容
- Javascript未在开发服务器上填充Perl表单
- 如何在js中实现树结构类型的表单动态填充
- CasperJS填充表单-输入名称有方括号
- 如何使用多维JSON数据重新填充表单
- 试图用cookie中的信息填充表单
- 如何在刷新时重新填充表单中的复选框并将表单值发布到页面
- 单击一个数据表,填充第二个数据表
- 将表单填充到要与ngMessages一起使用的templateURL中
- jQuery表单填充器不工作
- Rails 输入表单填充了 jQuery .val(),但参数中不存在数据
- 使用自动填充表单控件(自动完成属性),加快表单填充速度
- HTML5地理位置地址表单填充器未捕获语法错误:意外的标记<
- 使用AJAX调用进行表单填充和验证
- 在检索数据时,表单填充然后清除
- 基于浏览器的客户端表单填充
- 从Google表单填充HTML表单