二级列表从mysql动态查询

关于列表的级联操作思路

最近在做一个ssm框架下的练习项目(医院类项目),在添加挂号信息时需要选择科室医生,项目要求,科室和医生必须从数据库中读取,且根据第一个下拉选择框选择的科室,要在第二个选择框中能对应弹出该科室的医生列表。

在这里插入图片描述

此时首先我就想到的就是省市级联操作类型,但自己这部分只记得简单的二维数组进行操作,那时数据都是定义好的,并不涉及到动态操作。因此当时并没有选择这个思路。但应该是能做的。

我就想不管怎么样,都要先动态获取第一个选择框的所有信息,就在前端页面写了一个ajax请求,动态获取所有的科室列表。

科室表
在这里插入图片描述
一级列表ajax请求
在这里插入图片描述
将获取到的信息通过字符串拼接的方式最后通过jquery用id选择器的.html()方法写入<select></select>中。

效果如下:
在这里插入图片描述

注意:关键点来了!!!(思路部分)

可以看到我一级列表里value是赋值的,且这里的值和数据库中的id值相等(代码里不太严谨,正确写法是获取dpt_id填入value值里),那么如果我能拿到对应的value值(dpt_id的值),再根据dpt_id查询医生集合,那么不就可以获取到医生列表了嘛!

前提条件

医生表里有dpt_id这个字段,提供了两表联查的条件

doctor表设计如下

在这里插入图片描述

注意:关键点来了!!!(代码实现部分)

现在要做的就是想一个法子,在点击对应科室的时候,获取其对应的value值,我就在网上查(由于前段的一些方法不熟悉),发现如下:

1、onchange():用在select标签里,用来获取对应value值
在这里插入图片描述
2、自定义方法(自己想怎么写怎么写) getSelectValue(this.value)
其中参数this.value将当前的value值做形参传入该方法中,代码如下:
在这里插入图片描述
然后就可以完成这个小功能了,看看效果吧
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值