PHP中模糊查詢并關(guān)聯(lián)三個(gè)select框
1.在php中我們經(jīng)常用到下拉框,并相互關(guān)聯(lián),如果下拉框的option非常多,那么我們就要用到模糊搜索功能,那么怎么做呢?
在此功能中,走了彎路,最好不要關(guān)聯(lián)兩個(gè)select的id值后select屬性選中,并不可修改。再次選擇的時(shí)候去除屬性,這樣在去除select屬性的時(shí)候存在火狐和google js兼容的問(wèn)題。很容易出現(xiàn)不對(duì)應(yīng)或者屬性不能去除的情況,且功能麻煩。另外在后臺(tái)一定要判斷兩者的對(duì)應(yīng)關(guān)系。(在后臺(tái)比對(duì)兩者的對(duì)應(yīng)關(guān)系的時(shí)候,要去數(shù)據(jù)庫(kù)查詢,找到企業(yè)的id,去數(shù)據(jù)庫(kù)查詢擔(dān)保公司的id比對(duì)。不要用前臺(tái)取到擔(dān)保公司的id值)。
2.樣式:
相互關(guān)聯(lián),如果有擔(dān)保公司則下拉框只顯示一個(gè)擔(dān)保公司,其他不顯示,若沒(méi)有,全部顯示,讓管理員選擇。
3.我們知道select下拉框是不允許有搜索框的,也無(wú)法寫一個(gè)input搜索框進(jìn)去,這樣我們只能借助插件來(lái)實(shí)現(xiàn),把select框轉(zhuǎn)換成ul li ,非常好用的插件:select2.
4.正常的在后臺(tái)數(shù)據(jù)庫(kù)獲取數(shù)據(jù),賦值;并引入select2插件即可。注意,和select2插件有關(guān)的css文件也要引入,有的css問(wèn)價(jià)和js為封裝好的,樣式自己改。
5. 樣式增加:
.select2-results__option[aria-selected] {
cursor: pointer;
font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
font-size:14px;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 280px;
overflow-y: auto;
}
6. 下拉框之間的相互關(guān)聯(lián):
7.
8. js處理:獲取隱藏的select值,重新組建select option(注意:select被隱藏后,他的值依然存在,并可利用)
以上所述是小編給大家介紹的PHP中模糊查詢并關(guān)聯(lián)三個(gè)select框,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- ThinkPHP like模糊查詢,like多匹配查詢,between查詢,in查詢,一般查詢書寫方法
- PHP+MySQL實(shí)現(xiàn)模糊查詢員工信息功能示例
- PHP+MySQL使用mysql_num_rows實(shí)現(xiàn)模糊查詢圖書信息功能
- jq.ajax+php+mysql實(shí)現(xiàn)關(guān)鍵字模糊查詢(示例講解)
- 在php7中MongoDB實(shí)現(xiàn)模糊查詢的方法詳解
- PHP模糊查詢的實(shí)現(xiàn)方法(推薦)
- PHP MYSQL實(shí)現(xiàn)登陸和模糊查詢兩大功能
- thinkphp實(shí)現(xiàn)like模糊查詢實(shí)例
- PHP模糊查詢技術(shù)實(shí)例分析【附源碼下載】
相關(guān)文章
laravel 查詢數(shù)據(jù)庫(kù)獲取結(jié)果實(shí)現(xiàn)判斷是否為空
今天小編就為大家分享一篇laravel 查詢數(shù)據(jù)庫(kù)獲取結(jié)果實(shí)現(xiàn)判斷是否為空,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10Smarty模板變量與調(diào)節(jié)器實(shí)例詳解
這篇文章主要介紹了Smarty模板變量與調(diào)節(jié)器,結(jié)合實(shí)例形式詳細(xì)分析了Smarty模板變量與調(diào)節(jié)器基本概念、分類、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07PHP生成HTML靜態(tài)頁(yè)面實(shí)例代碼
本程序作用是從PHP生成HTML靜態(tài)頁(yè)面并存儲(chǔ)到以年份和月份為名稱創(chuàng)建的目錄。讀取全部數(shù)據(jù)批量生成,全部生成后彈出提示??芍付ㄅ紊蓴?shù)量,建議不超過(guò)800,否則執(zhí)行速度會(huì)有問(wèn)題。2008-08-08使用PHP和HTML5 FormData實(shí)現(xiàn)無(wú)刷新文件上傳教程
這篇文章主要介紹了使用PHP和HTML5 FormData實(shí)現(xiàn)無(wú)刷新文件上傳教程,本文先是分解了程序的編寫步驟,最后給出一個(gè)完整示例,需要的朋友可以參考下2014-09-09ThinkPHP通過(guò)AJAX返回JSON的兩種實(shí)現(xiàn)方法
這篇文章主要介紹了ThinkPHP通過(guò)AJAX返回JSON的兩種實(shí)現(xiàn)方法,分析了ThinkPHP中內(nèi)置的ajaxReturn函數(shù)的用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12ThinkPHP5.0多個(gè)文件上傳后找不到臨時(shí)文件的修改方法
這篇文章主要介紹了ThinkPHP5.0多個(gè)文件上傳后找不到臨時(shí)文件的修改方法,需要的朋友可以參考下2018-07-07