容易的ThinkPHP 二级联动
日期：2014-05-17 浏览次数：20472 次
在网上看了很多关于thinkphp二级联动的文章，但我个人感觉写的都不是很简单，有些繁琐，下面是我写的一个简单的二级联动。本人是新手 高手可以不用往下看了.
html文件：
liandong.html
首先要引入jquery.js文件
<html>
<title>二级联动</title>
<head>
<script src="__PUBLIC__/scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#AreaId').change(function(){
//获取父类的id
var $id=$('#AreaId').val();
//通过ajax进行传值
$.getJSON('__URL__/liandong',{id:$id},function(data){
//回调函数
if (data.status==1){
//首先清除子类中值不为空的，如果没有这句话你会发现子类的显示会这个增加，二不是你想要的结果
$('#ServerId option[value!=""]').remove();
//计算返回数组的数目，并循环显示
for (var i=0;i<=data.data.length;i++) {
//定义html标签，和显示的值，id和type_name为数据库中的字段名
var option ="<option value="+data.data[i].id+">"+data.data[i].type_name+"</option>";
//显示的位置
$(option).appendTo('#ServerId');
}
}
});
});
});
</script>
</head>
<body>
<select id="AreaId" name="AreaId">
<option selected="selected" value="">请选择游戏区</option>
<?php
//循环显示父类
foreach($plei as $val){
?>
<option value="{$val[id]}">{$val[type_name]}</option>
<?php
}
&n
