栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 前沿技术 > 大数据 > 大数据系统

动态二级下拉框联动(二级数据从数据库中获取)

动态二级下拉框联动(二级数据从数据库中获取)

靠天靠地不如靠自己

要实现的效果:

       上面的一级下拉框选择改变的话,下面的二级下拉框的内容也会改变(省市级联)

 

 前端代码
 


            所挂科室
            
                
            
        
        
            指定医生
            
                
            
        

 调用函数

function queryKeshi() {
            $.ajax({
                type: "GET",
                url: "/hosregister/keshi",
                data: "",
                success: function (vo) {
                    var keshi = vo.list;
                    var html = ""
                    for (var i = 0; i < keshi.length; i++) {
                        var options = "";
                        if (html.indexOf(options) == -1) {
                            html += options;
                        }
                        $("select[name='keshi']").html(html);
                    }
                }
            })
            $("#keshi").change(function () {
                alert($("#keshi").val());
                $.ajax({
                    type: "GET",
                    url: "/doctor/ha/" + $("#keshi").val(),
                    data: "",
                    success: function (vo) {
                        var doctor = vo.list;
                        var html = ""
                        for (var i = 0; i < doctor.length; i++) {
                            var options = "";
                            html += options;
                            $("select[name='doctor']").html(html);
                        }
                    }
                })
            })
        }

url: "/hosregister/keshi" 为查询所有科室
url: "/doctor/ha/" + $("#keshi").val() 为通过科室查询医生

小白自学,简单写法,欢迎批评!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/326233.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号