使用Jquery和Ajax的动态依赖选择框

发布时间：2020-08-05 09:12:29 来源：ITPUB博客阅读：125 作者：cenfeng 栏目：web开发

如何使用Jquery，Ajax，PHP和Mysql进行动态相关选择框。当在“父”框中进行选择时，从属选择框允许刷新“子”框列表数据。在这篇文章中，我给出了“catergory”和“subcategory”之间的数据库关系示例。这是非常简单的jquery代码，希望大家喜欢。

数据库

示例数据库表。 Data 包含列表框的完整数据， data_parent 的key关系与 Data 包含父子关系。

CREATE TABLE 'data'
(
'id' int primary key auto_increment,
'data' varchar(50),
'weight' int(2),
);

CREATE TABLE `data_parent`
(
`pid` int(11) primary key auto_increment,
`did` int(11) unique,
`parent` int(11),
Foreign key(did) references data(id)
)

sections_demo.php
包含javascipt和PHP代码。 $（“。country”）。change（function（）{} - country 是select box的类名。使用 $（this）.val（）调用select box值.PHP代码显示 Data 中的结果，其中 weight =' 1'

ajax_city.php
包含PHP代码。显示 data 和 date_parent 表的结果

<?php
include('db.php');
if($_POST['id'])
{
$id=$_POST['id'];
$sql=mysql_query("select b.id,b.data from data_parent a,data b where b.id=a.did and parent='$id'");
while($row=mysql_fetch_array($sql))
{
$id=$row['id'];
$data=$row['data'];
echo '<option value="'.$id.'">'.$data.'</option>';
}
}
?>

向AI问一下细节

使用Jquery和Ajax的动态依赖选择框

猜你喜欢

最新资讯

相关推荐

相关标签