使用Jquery和Ajax的动态依赖选择框-成都快上网建站

快上网建站品牌

13518219792

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

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

成都创新互联专注于网站建设|网站维护公司|优化|托管以及网络推广，积累了大量的网站设计与制作经验，为许多企业提供了网站定制设计服务，案例作品覆盖LED显示屏等行业。能根据企业所处的行业与销售的产品，结合品牌形象的塑造，量身策划品质网站。


数据库

示例数据库表。 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'



//HTML Code
Country :




City :


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


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 '';
}
}
?>

当前题目：使用Jquery和Ajax的动态依赖选择框
文章来源：http://kswjz.com/article/poiphg.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

其他资讯

行业动态

企业网站建设的重要性！

现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...

服务项目

联系吧 在百度地图上找到我们

电话：13518219792

如遇占线或暂未接听请拨：136xxx98888

业务咨询 技术咨询 售后服务
网站设计
专业网站设计
定制网站设计
企业网站设计
LED网站设计方案
网站制作
成都网站制作公司
广安网站制作公司
四川成都网站制作
移动手机网站制作
联系我们
电话：13518219792
邮箱：631063699@qq.com
地址：成都青羊区锦天国际1002号
网址：www.kswjz.com
网站建设
重庆手机网站建设
成都网站建设
网站建设公司
大足网站建设

微信二维码

Copyright © 2002-2023 www.kswjz.com 快上网建站品牌 QQ：244261566 版权所有 备案号：蜀ICP备19037934号