动态选择框
Dynamic Select Box
我正在学习Php和Mysql。
我有一个带有 2 张表的数据库(实践)。一个是类别,另一个是子类别。
在我的 html 表单中,有一个来自类别表的选择框数据列表。所以我需要,如果我选择这个列表框,它们将出现在与类别表相关的子类别表中的另一个选择框数据。例如:
类别表
Id Cat_name
1 O level
2 A level.
子类别表:
id Cat_id Sub_name
1 1 O-level Math
2 1 O-level English
3 2 A-level Math
4 2 A-level English
提前谢谢。
如果您希望在不重新加载页面的情况下无缝高效地完成此操作,则需要查看 Jquery Ajax 函数。Ajax的工作方式是,当有人在第一个框中进行选择时,它会将该数据发送到一个php脚本,该脚本可以从第一个框中获取答案,运行mysql查询,然后将新的子类别返回到原始页面,而无需重新加载页面。
例:在您的测试中.php
//On selection change state, call the ajax
$("#elementid").change(function() {
var selection = $(this).children("option:selected");
$.ajax({
url: 'caller.php',
dataType: 'json',
data: 'selected='+selection,
success: function(data) {
//Fill the second selection with the returned mysql data
}
});
}
<select id="elementid">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
在您的呼叫者中.php
$selection = $_POST["selected"];
//Create an array to hold all the subcategories, say the array is called $sub
echo json_encode(array(success => $sub));
exit;
请阅读 Jquery.ajax
您将需要 Ajax 来完成此操作,在第一个下拉列表中选择一个值后,您通过 ajaxnto 发送另一个 php 文件的请求,该文件将根据第一个选择为您提供生成的子类别。然后,Ajax 将在第二个下拉列表中插入此新数据。您还可以从 jquery 库中查看 post 函数,这将使整个过程更加容易。
相关文章:
- d3基于用户选择动态更新节点
- JQuery--无法选择动态附加到表中的对象
- 如何根据用户选择动态更改多个复选框的编号
- JavaScript确认何时在表单中选择动态HTML字段
- 使用JQuery通过下拉选择动态更改PHP值
- 使用用户选择动态更新页面
- 在jquery中选择动态创建的元素
- 选择动态添加表单的元素
- 根据<选择>动态创建的表单不起作用
- j查询选择动态添加的表行的列数据
- Dojo 筛选选择 - 动态将下拉列表中的特定选项标记为禁用(灰显且不可选择)
- 选择动态创建的 html 元素而不单击
- 如何运行函数以选择动态添加
- Jquery 选择动态 ID
- 使用 Knockoutjs 根据用户的语言选择动态调整页面内容
- jQuery 选择动态创建的 html 元素
- 如何在JQuery中从Gallery View中选择动态图像
- 如何从AngularJS指令中选择动态生成的元素
- 选择动态创建的表中高亮显示的行,onclick事件
- 按类名选择动态更改的元素