AJAX 教程概要 |
AJAX 工作原理 |
创建 XMLHttpRequest 对象 |
XMLHttpRequest请求 |
XMLHttpRequest 服务器 响应 |
onreadystatechange 事件 |
AJAX PHP实例 |
AJAX 3级联动全国区域 |
当前阅读教程:ajax教程 > 实现全国地区3级联动 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 调用3级地区PHP接口程序 | 下一篇: 暂无 |
完整代码 <?php require "conn.php" ?> <!DOCTYPE html> <html> <script src="diqu.js"></script><!--自定义的3级地区选择联动JS--> <head> <meta charset="UTF-8"> <title>小白教程网(www.2d5.net)</title> </head> <body> <form method="post" action="dizhi_add_save.php" name="frm"> <!--1级地区--> <div id="bigclass" style="float:left"> <select name="select1" onChange="GetDiqu2(this.value);" > <option value="0">选择省份</option><!--默认数据--> <?php //下面循环读取所有的1级地区 $sql="select * from dizhi_quanguo where fenlei_jibie=1 ";//sql语句 $jieguo=mysqli_query($conn,$sql);//查询数据库 if(!$jieguo){//没有获取到结果 die("不能获取数据-列表");//终止并输出错误信息 } //下面循环读取数据 while ($row=mysqli_fetch_array($jieguo,MYSQLI_ASSOC)){ echo "<option value='{$row["id"]}' >"; echo "{$row["fenlei_mingcheng"]}</option>"; } //mysqli_close($conn); //这里不能关闭;不然下面无法操作 ?> </select> </div> <!--2级地区:1级地区选择后,调用diqu.js中的函数GetDiqu2来获取2级地区数据--> <div id="subclass2" style="float:left"> <select name="select2" onchange="GetDiqu3(this.value);" > <option value="0">地级</option><!--默认数据--> </select> </div> <!--3级地区:2级地区选择后,调用diqu.js中的函数GetDiqu3来获取3级地区数据--> <div id="subclass3" style="float:left"> <select name="select3" > <option value="0">县级</option><!--默认数据--> </select> </div> </form> </body> </html>
|
|
上一篇: 调用3级地区PHP接口程序 | 下一篇: 暂无 |