下拉框搜索


開發工具與關鍵技術:SQL Server 2014與jquery

作者:戴怡斌 

撰寫時間:2020年4月27日

前面我們說了輸入框搜索功能,這一篇就說下拉框搜索,剛學的同學可能看題目不是很懂,我也找不到一個詞怎麼形容,所以看下去就明白了。

下拉框搜索跟輸入框搜索誰好一點,我也說不上來,比如當你用輸入框搜索忘了搜索的名字,或者只記得一個字,這個時候兩者結合就很舒服,還是打個比方吧,不會解釋。

打個比方,還是在某個表格用來記錄整個學校的學生人數,多少個老師,一個學校裏肯定有上千乃至上萬人,如果你要單獨找一個學生出來那肯定很難,所以,就需要一個搜索查找的功能出來。假如你要搜索一個學生的名字,可是你又忘了這個同學姓什麼,但你記得這位同學在哪個班,或者哪個年級,這個時候就可以用下拉框搜索,兩者結合。

下面就以醫院的一個表格爲案列來給你們詳解。

打開vs創建這些不多說,創建完後,先引用js,不然$會一直會報錯,

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

創建表格直接引用layui,這是別人已經建好的,直接引用就可以,裏面也有css的文件,根據自己的情況引用。

我們這次一樣還是在已經創建好的表格進行詳解,
在這裏插入圖片描述
假如你是醫院的一名管理人員,在給某位醫生編輯資料的時候編輯錯了,要把錯誤的地方改回來,可是你也不知道這位醫生姓什麼,但你知道他是一位醫生,這個時候你只要把角色類型選中醫生就行了。
在這裏插入圖片描述
下拉框搜索你可以在敲出一個,就更能準確搜索,比如是男是女,哪個科室,我就不再多說,效果出來了,我們就來看代碼,先在視圖這邊先敲多條件查詢,字面的意思應該不難理解,怎樣綁定下拉框我就不說了,以前說過。
在這裏插入圖片描述
控制器那邊的代碼在上一篇有,這篇就不多說了。

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