三级联动跟一般写法差不多,利用<select>中的onchange函数 触发ajax,向服务器请求获得省 市 县
<select onchage="get_citys(1)" id='provice'><option value='1'>安徽</option></select><select onchage="get_citys(2)" id='city'><option value='11'>合肥</option></select>
<select ><option value='111' id='xian'>肥东</option></select>
在js中写入
<script>
function get_citys(id){ //id 为1表示获取城市 为2表示获取县
$.ajax({
url:"/Member/get_city/id/"+id+"/cityid"+$("#provice
").val(),
dataType: 'html',
success: function(data){
if(id == 1){
$("#city").html(data)
}else if(id == 2){
$("#xian").html(data)
}
}
})
}
</script>
<?php ....PHP端自己从表中获取数据就可以了。?>必须要用ajax。。或者还有两种方式。
1、有查出js依赖数据结构输出到脚本区域。。然后用js控制三级联动。那个写起来超级复杂。
2、对下拉框放入选择事件。。每次选择都是一次提交动作。。把选择的数据提交后台。查出下级依赖下拉框。这种方式比较简单。就是要刷新页面。。用户体验不好。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)