下拉框搜索


开发工具与关键技术:SQL Server 2014与jquery

作者:戴怡斌 

撰写时间:2020年4月27日

前面我们说了输入框搜索功能,这一篇就说下拉框搜索,刚学的同学可能看题目不是很懂,我也找不到一个词怎么形容,所以看下去就明白了。

下拉框搜索跟输入框搜索谁好一点,我也说不上来,比如当你用输入框搜索忘了搜索的名字,或者只记得一个字,这个时候两者结合就很舒服,还是打个比方吧,不会解释。

打个比方,还是在某个表格用来记录整个学校的学生人数,多少个老师,一个学校里肯定有上千乃至上万人,如果你要单独找一个学生出来那肯定很难,所以,就需要一个搜索查找的功能出来。假如你要搜索一个学生的名字,可是你又忘了这个同学姓什么,但你记得这位同学在哪个班,或者哪个年级,这个时候就可以用下拉框搜索,两者结合。

下面就以医院的一个表格为案列来给你们详解。

打开vs创建这些不多说,创建完后,先引用js,不然$会一直会报错,

<script src="~/Plugins/layui/layui.js"></script>

创建表格直接引用layui,这是别人已经建好的,直接引用就可以,里面也有css的文件,根据自己的情况引用。

我们这次一样还是在已经创建好的表格进行详解,
在这里插入图片描述
假如你是医院的一名管理人员,在给某位医生编辑资料的时候编辑错了,要把错误的地方改回来,可是你也不知道这位医生姓什么,但你知道他是一位医生,这个时候你只要把角色类型选中医生就行了。
在这里插入图片描述
下拉框搜索你可以在敲出一个,就更能准确搜索,比如是男是女,哪个科室,我就不再多说,效果出来了,我们就来看代码,先在视图这边先敲多条件查询,字面的意思应该不难理解,怎样绑定下拉框我就不说了,以前说过。
在这里插入图片描述
控制器那边的代码在上一篇有,这篇就不多说了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章