脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Jquery+php+mysql建立省市级三级联动[很简单的构思]，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

前边写过一篇类似的，那是用的纯js，这地把js换成jquery代码简介好理解。思路和以前的一样，都是ajax从php获取数据表内容。

数据表很奇葩，但是很有规律，比如北京市的id为11，北京的子级别id为：110101。。。我们可以在SQL中这样匹配，where id like '".$id."__'"; ，返回json数据显示出来。

代码：

new.htML

 

<script tyPE="text/javascript" src="./jquery-1.8.3.js"></script>
<script>
//初始化省级select
$(function(){
$.post("ajax-youku-server.php",{ name: "John", time: "2pm" } ,function(data){
VAR str="--请选择--";
var obj=eval(data);
for (var i = 0;i var str1=""+obj[i].name+"";
str+=str1;
};
$("#sheng").html(str);
});
});

//获取市级别和县级别的内容
function getArea(id,level){
$(function(){
$.post("ajax-youku-server.php",{ id:id} ,function(data){
var str="

--请选择--";
var obj=eval(data);
for (var i = 0;i var str1=""+obj[i].name+"";
str+=str1;
};
$("#"+level).html(str);
});
});
}


</script>




省
市
县

————————————

ajax-youku-server.php

header("Content-type:text/html;charset=utf-8");
//建立数据库连接
MySQL_connect("localhost","root","");
//选择数据库
mysql_select_db("area");
//设置连接数据库的编码方式
mysql_query("set names utf8");
//接受客户端传来的数据
$id=$_POST['id'];
//下划线就像我们平时用的*和?，sql的like语句中，使用%和_来代表任意多个字符和一个字符
$sql="select id,name From area where id like '".$id."__'";
//echo $sql;
//查询
$rs=mysql_query($sql);

//将查询到的数据封装成jason格式的字符串（在此也可以用php将数组转换为jason格式字符串的函数那样会更简单写）
$opstr="[";
while($rows=mysql_fetch_array($rs)){
$opstr.="{id:'".$rows['id']."',name:'".$rows['name']."'},";
}
$len=strlen($opstr)-1;
$opstr=substr($opstr,0,$len);
$opstr.="]";
echo $opstr;
?>

 

数据库文件我上篇文章中发了，大家从上篇文章中下载吧。

 

 

 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Jquery+php+mysql建立省市级三级联动[很简单的构思]全部内容，希望文章能够帮你解决javascript代码实例教程-Jquery+php+mysql建立省市级三级联动[很简单的构思]所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。