php三级联动 一个下拉框 两个文本框,php三级联动（html，php两个页面）

无标题文档

省:

请选择

市:

请选择

区:

请选择

$(function(){

//获取省的信息

ajaxFun(0,"sheng");

})

function ajaxFun(id,type){

$.ajax({

url:"sjld.php",//服务器的地址

data:{id:id},//发送的数据

success:function(data){//执行成功的回调

strToArr(data,type);//调用函数

}

});

}

function strToArr(str,type){//字符串转数组

var arr = str.split('^'),//第一维

brr = [];//定义第二维数组

for(var i=0;i

var temp =arr[i].split(',');//第二维

brr.push(temp);//将第一维的数组放入第二维

}

addHTML(brr,type);//网页追加

}

function addHTML(brr,type){//网页追加

var str ='请选择<?option>';

for(var i in brr){

str+=''+brr[i][1]+'';

}

$('#'+type).html(str);

}

$('#sheng').change(function(){//省的下拉 值改变的时候添加事件

var id=$(this).val();//获取选择的省的id

ajaxFun(id,"shi");//ajax再获取市

})

$('#shi').change(function(){//市的下拉 值改变的时候添加事件

var id=$(this).val();//获取选择的市的id

ajaxFun(id,"qu");//ajax再获取区

})

//连接数据库

$db =new MySQLi('localhost','root','','z_0705');//登录的数据库

!mysqli_connect_error()or die("连接失败");//如果连接错误

$db->query("set names utf8");//字符集是utf8

//接受数据

$id=0;

if(!empty($_GET)){//如果得到的数不是空

$id = $_GET['id'];//获取省的id

}

//查表父id=0

$sql = "select id,area_name from dt_area where area_parent_id=$id";

$res=$db->query($sql);//执行sql语句，返回结果集

$arr=$res->fetch_all();//把结果集转成数组

//返回数据 字符串

arrTostr($arr);

function arrTostr($a){//$a是结果集返回的是二维数组

$brr = array();//定义一个数组用来存数组转字符串

foreach($a as $v){//遍历数组里面的数

$temp = implode(",",$v);//遍历数组里面的数

$brr[] = $temp;//转成一维数组

}

echo implode("^",$brr);//转成字符串

}

php&plus;ajax的三级联动下拉菜单

封装一个三级联动,就可以在任何页面进行引用了 先写个页面引用一下这个js

注册页面的验证 WEB的三级联动

1.js中window.onload = function () {};表示当页面都加载完了之后才走里面的内容. 2.当函数中遇到return时,会跳出函数,return后面的内容不再继续进行,就是后 ...

ajax——三级联动下拉列表框的优化(简化页面，用jquery插件代替原来页面代码，返回处理数据类型为&quot&semi;TEXT&quot&semi;)

数据库: 主页面 ext" id="t"> 2 ...

随机推荐

Java学习随笔1：Java是值传递还是引用传递？

Java always passes arguments by value NOT by reference. Let me explain this through an example: publ ...

关于Application&period;Lock和Lock&lpar;obj&rpar;

http://www.cnblogs.com/yeagen/archive/2012/03/01/2375610.html 1.Application.Lock和Application.UnLock一 ...

Python成长之路第二篇(1)&lowbar;数据类型内置函数用法

数据类型内置函数用法int 关于内置方法是非常的多这里呢做了一下总结 (1)__abs__(...)返回x的绝对值 #返回x的绝对值!!!都是双下划线 x.__abs__() <==> a ...

ROS&lowbar;Kinetic&lowbar;07 ROS中机器人三维物理引擎高保真仿真利器gazebo 7&period;0

ROS_Kinetic_07 ROS中机器人三维物理引擎高保真仿真利器gazebo 7.0 ROS kinetic中的gazebo版本是7.0,有很多新的特性. 首先,启动gazebo: ~$ gaz ...

font-family

Font-family: Helvetica, Tahoma, Arial, “Microsoft YaHei”, “微软雅黑”, SimSun, “宋体”, STXihei, “华文细黑”, Hei ...

SQL SERVER 索引碎片

一次发现同样的SQL在线上库和复制库执行时间差好多,重新创建相关表索引,性能提升明显,怀疑索引有碎片

java&lowbar;web—JSP&plus;Servlet&plus;JavaBean

JSP -> Java Server Page  后端 jsp -> JavaScript  前端 JSP语法 1.JSP插入Java代码 三种形式: (1) ( ...

&lbrack;20170629&rsqb;带过滤的复制项UI操作导致订阅全部初始化问题

[问题] 带过滤的复制项UI操作导致订阅全部初始化,但是想不全部初始化,只初始化对应的复制项   [解决] 1.如果修改过滤项,可以直接执行,然后生成快照: -- Adding the article ...

java常用设计模式十二：命令模式

一.概述 定义:命令(Command)模式又叫作动作(Action)模式或事务(Transaction)模式,是一种对象的行为模式.将一个请求封装为一个对象,从而使你可用不同的请求对客户进行参数化:对 ...

Java微信二次开发(一)

准备用Java做一个微信二次开发项目,把流程写在这里吧. 第一天,做微信请求验证 需要导入库:servlet-api.jar 第一步:新建包com.wtz.service,新建类LoginServle ...