二级列表从mysql动态查询

2021/11/13 19:10:22

本文主要是介绍二级列表从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值做形参传入该方法中,代码如下:
在这里插入图片描述
然后就可以完成这个小功能了,看看效果吧
在这里插入图片描述
在这里插入图片描述



这篇关于二级列表从mysql动态查询的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程