PHP表单省市县三级联动,⽤php做省份的三级联动附带数据库可以把它做成⼩插件的形式，以后需要，可以随时调
来看⼀下怎么来做
先来写个div然后，再引⼊js包
⽆标题⽂档
引⼊的js⽂件，取名为sanji.js
然后来看看js⽂件是怎么写的
$(document).ready(function(e) {
//向DIV⾥⾯扔三个下拉
var str = "";
$("#sanji").html(str);
FillSheng();
FillShi();
FillQu();
//选中项变化
$("#sheng").change(function(){
FillShi();
FillQu();
})
$("#shi").change(function(){
FillQu();
})
});
/
/填充省的⽅法
function FillSheng()
{
var pcode = "0001"; //⽗级代号
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){ //回调函数
var hang = data.split("|"); //根据⾏与⾏的分隔符来拆var str = "";
for(var i=0;i
{
var lie = hang[i].split("^"); //列与列的分隔符来拆
str += ""+lie[1]+""; //中间显⽰地区名称
}
$("#sheng").html(str); //把显⽰的地区名称填充进去}
});
}
//填充市的⽅法
function FillShi()
{
var pcode = $("#sheng").val();
$.ajax({
async:false,
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var hang = data.split("|");
var str = "";
for(var i=0;i
{
var lie = hang[i].split("^");
str += ""+lie[1]+"";
}
$("#shi").html(str);
}
});
}
//填充区的⽅法
function FillQu()
{
var pcode = $("#shi").val();
$.ajax({
url:"chuli.php",
data:{pcode:pcode},
type:"POST",
dataType:"TEXT",
success: function(data){
var hang = data.split("|");
var str = "";
for(var i=0;i
{
var lie = hang[i].split("^");
str += ""+lie[1]+"";
}
$("#qu").html(str);
}
});
}
只要写出⼀个来，其他两个和上⾯⼀个原理是⼀样的
再来看处理页⾯，三项⽤⼀个处理页⾯
看⼀下处理页⾯的代码
include("DBDA.class.php");
$db = new DBDA();
$pcode = $_POST["pcode"];
表格网站php源码
$sql = "select * from chinastates where parentareacode='{$pcode}'"; echo $db->StrQuery($sql);
数据库的地区表是chinastates
根据传过来的⽗级代号来查所有数据
最后运⾏起来的效果是这样的
来看⼀下数据库的内容
数据库内容很多，三级联动⾥的地区名称都在⾥⾯，采⽤的是代号副代号的⽅式
⽐如说北京吧，北京的代号是11，它下⾯的北京市副代号就11， 北京市的主代号是1101，北京市下⾯的地区副代号就是1101，调地区的时候可以根据主代号查询和它相同的副代号，就能查询出来
在使⽤ajax实现三级联动调⽤数据库数据并通过调出的数据进⾏⼆级表单查询
在使⽤ajax实现三级联动查询数据库数据后再使⽤ajax⽆刷新⽅式使⽤三级联动调出的数据进⾏⼆级查询 但是现在遇到问题，在⼆级查询的时候期望是将数据以表格的形式展⽰在三级联动的下⽅，但是现在在查询后会 ...
Ajax做⽆刷新三级联动
1.引⼊JS and Jquery包 quot ...
Android 省市县 三级联动(android-wheel的使⽤)&lbrack；转]
Android 省市县 三级联动(android-wheel的使⽤)
ASP.NET 三级联动
三级联动就是⽤三个下拉列表框DropDownList，每个⾥⾯添加相应的东西，在第⼀个列表框中选择⼀个值，第⼆三个列表框都会根据第⼀个选择进⾏相应的变化，在第⼆个列表框中选择⼀个值，第三个列表框也会根 ...
AJAX部分---对⽐js做⽇期的下拉选择 和 ajax做三级联动；
js做⽇期选择: 实现当前年份的前5后5年的⽇期选择 实现功能：年份和⽉份页⾯加载完成使⽤JS循环添加，天数根据⽉份的变化动态添加改变扩展功能：天数可以根据闰年平年变化
& ...
⽤php+mysql+ajax+jquery做省市区三级联动
要求：写⼀个省市区(或者年⽉⽇)的三级联动，实现地区或时间的下拉选择. 实现技术:php ajax 实现：省级下拉变化时市下拉区下拉跟着变化，市级下拉变化时区下拉跟着变化. 使⽤chinastates ...
基于Jquery实现省份、城市、区县三级联动
前端感觉写的⽐较少，也是为了练⼿，下午没事⽤来写了这个三级联动，也是第⼀次写这东西. 据我了解，城市信息可以选择存在数据库或者直接写在前端，为了省事，我直接写在前端，下⾯是我的代码:
WheelView实现省市区三级联动&lpar；数据库实现版本号附带完整SQL及数据)
近期在实现收货地址功能,⽤到了省市区三级联动效果,⽹上到⼀般都是xml或json.数据源陈旧改动⿇烦.改动了⼀下使⽤数据库⽅式实现了⼀下 数据源解决.因为数据量⽐較⼤通过初始化批量运⾏SQL的⽅式不 ...
随机推荐
Ruby--学习记录(实时更新)
变量的命名⽅式决定了变量的种类: 局部变量  以英⽂字母或者_开头: 全局变量  以$开头: 实例变量  以@开头: 类变量    以@@开头:
⾃定义tld标签，页⾯使⽤
背景需求: 系统本⾝的session不能在页⾯使⽤ 如下: controller: @RequestMapping(method=RequestMethod.GET) public String ge ...
bad interpreter: No such file or directory
经常会遇到这种情况，在windows下写的脚本，代码会在linux下⽆法执⾏，错误就是: bad interpreter: No such file or directory 1.原因 这通常都是由于 ...
POJ 1699 Best Sequence (DFS&plus；预处理)
MHA-Atlas-MySQL⾼可⽤集2
MHA脚本管理⽅式 (1)获取管理脚本master_ip_failover 提⽰:yum安装的manager是没有这个脚本的. 我们需要从manager的源码包⾥复制⼀个.  [root@mysql ...
React Native布局
⼀款好的APP离不了⼀个漂亮的布局，本⽂章将向⼤家分享React Native中的布局⽅式FlexBox. 在React Native中布局采⽤的是FleBox(弹性框)进⾏布局. FlexBox提供 ...
⼩程序之for循环
在⼩程序中也有for循环,⽤于进⾏列表渲染. 官⽅实例 打开开发者⽂档，在框架部分的视图层-->wxml-->列表渲染中可以看到官⽅给出的for循环实例，在实例中 可以看到下⾯相关 ...
OVS 内核KEY值提取及匹配流表代码分析

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。