Jquery Ajax + php 三级联动实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Jquery Ajax + php 三级联动实例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2495字,纯文字阅读大概需要4分钟。
内容图文
![Jquery Ajax + php 三级联动实例](/upload/InfoBanner/zyjiaocheng/1131/c762c85411344777ac51216b1b05ada8.jpg)
sanji.php
![技术分享](/upload/getfiles/default/2022/11/10/20221110071354510.jpg)
![技术分享](/upload/getfiles/default/2022/11/10/20221110071354528.jpg)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../jquery-2.2.2.min.js"></script>
<script src="sanji.js"></script>
<title>无标题文档</title>
</head>
<body>
<h1>三级联动</h1>
<div id="sj"></div>
</body>
</html>
sanji.js
![技术分享](/upload/getfiles/default/2022/11/10/20221110071354510.jpg)
![技术分享](/upload/getfiles/default/2022/11/10/20221110071354528.jpg)
// JavaScript Document $(document).ready(function(e) { //在DIV里造下拉菜单 $("#sj").html("<select id=‘sheng‘></select><select id=‘shi‘></select><select id=‘qu‘></select>"); //填充数据 FillSheng(); //填充省的数据 FillShi(); //填充市的数据 FillQu(); //填充区的数据//填充省的方法function FillSheng() { var code = "0001"; //省的父级代号 $.ajax({ url:"chuli.php", data:{code:code}, type:"POST", dataType:"TEXT", async:false, success: function(data){ var hang = data.split("|"); var str = ""; for(var i=0;i<hang.length;i++) { var lie = hang[i].split("^"); str+="<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>"; } //把所有<option>放到省的下拉列表里 $("#sheng").html(str); } }) } //填充市的方法function FillShi() { var code = $("#sheng").val(); //市的父级代号 $.ajax({ url:"chuli.php", data:{code:code}, type:"POST", dataType:"TEXT", async:false, success: function(data){ var hang = data.split("|"); var str = ""; for(var i=0;i<hang.length;i++) { var lie = hang[i].split("^"); str+="<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>"; } //把所有<option>放到市的下拉列表里 $("#shi").html(str); } }) } //填充区的方法 function FillQu() { var code = $("#shi").val(); //区的父级代号 $.ajax({ url:"chuli.php", data:{code:code}, type:"POST", dataType:"TEXT", async:false, success: function(data){ var hang = data.split("|"); var str = ""; for(var i=0;i<hang.length;i++) { var lie = hang[i].split("^"); str+="<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>"; } //把所有<option>放到区的下拉列表里 $("#qu").html(str); } }) } //当省发生改变的时候,市和区一起变 $("#sheng").change(function() { FillShi(); FillQu(); }); //当市发生改变的时候,区一起变 $("#shi").change(function() { FillQu(); }); });
chuli.php
![技术分享](/upload/getfiles/default/2022/11/10/20221110071354510.jpg)
![技术分享](/upload/getfiles/default/2022/11/10/20221110071354528.jpg)
<?php include("../DBDA.php"); $con = new DBDA(); $pcode = $_POST["code"]; $sql = "select AreaCode,AreaName from chinastates where ParentAreaCode = ‘{$pcode}‘"; echo$con->Query_string($sql); ?>
原文:http://www.cnblogs.com/sihuiming/p/5365650.html
内容总结
以上是互联网集市为您收集整理的Jquery Ajax + php 三级联动实例全部内容,希望文章能够帮你解决Jquery Ajax + php 三级联动实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。