thinkphp+ajax 实现二级联动
<select name="" id="cattype">
<option value="">请选择类别</option>
<volist name="cate" id="val">
<option value="{$val.catid}">{$val.catname}</option>
</volist>
</select><select name="lable" id="catchild">
</select>
$("#cattype").change(function(){
var catid = $(this).val(); //获取切换的类别的id
$.getJSON('getCate',{catid:catid},function(data){
$('#catchild option[value!=""]').remove(); //清空option 每次改变option的时候载入新的数据
//alert(data.length);
if(catid==''){
vals="<option value=''>"+data+"</option>";
$(vals).appendTo("#catchild");
}else{
for(var i=0;i<data.length;i++){
var vals='';
vals+="<option value="+data[i].catid+">"+data[i].catname+"</option>";
$(vals).appendTo("#catchild");
}
}
})
});
参考:
http://www.fushengphp.com/jsjszt/81.html