位置:电子教程 > ajax教程 (如果看不到内容请使用360浏览器) 推荐学习资源
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>
 
    &nbsp;
    <!--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>
 
    &nbsp;
    <!--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接口程序 下一篇: 暂无
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)