thinkphp+mysql三级联动下拉菜单

thinkphp+mysql三级联动下拉菜单,第1张

三级联动跟一般写法差不多,利用<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、对下拉框放入选择事件。。每次选择都是一次提交动作。。把选择的数据提交后台。查出下级依赖下拉框。这种方式比较简单。就是要刷新页面。。用户体验不好。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8349821.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存