在php中我們經常用到下拉框,並相互關聯,如果下拉框的option非常多,那麼我們就要用到模糊搜尋功能,那麼怎麼做呢?以下是小編為大家搜尋整理的PHP中模糊查詢並關聯三個select框的操作方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
在此功能中,走了彎路,最好不要關聯兩個select的id值後select屬性選中,並不可修改。再次選擇的時候去除屬性,這樣在去除select屬性的時候存在火狐和google js相容的問題。很容易出現不對應或者屬性不能去除的情況,且功能麻煩。另外在後臺一定要判斷兩者的對應關係。(在後臺比對兩者的對應關係的時候,要去資料庫查詢,找到企業的id,去資料庫查詢擔保公司的id比對。不要用前臺取到擔保公司的id值)。
樣式:
相互關聯,如果有擔保公司則下拉框只顯示一個擔保公司,其他不顯示,若沒有,全部顯示,讓管理員選擇。
3.我們知道select下拉框是不允許有搜尋框的,也無法寫一個input搜尋框進去,這樣我們只能藉助外掛來實現,把select框轉換成ul li ,非常好用的`外掛:select2.
4.正常的在後臺數據庫獲取資料,賦值;並引入select2外掛即可。注意,和select2外掛有關的css檔案也要引入,有的css問價和js為封裝好的,樣式自己改。
5. 樣式增加:
ct2-results__option[aria-selected] {
cursor: pointer;
font-size: 14px;
}
ct2-container--default ct2-selection--single ct2-selection__rendered {
color: #444;
line-height: 28px;
font-size:14px;
}
ct2-container--default ct2-results > ct2-results__options {
max-height: 280px;
overflow-y: auto;
}
6. 下拉框之間的相互關聯:
7.
8. js處理:獲取隱藏的select值,重新組建select option(注意:select被隱藏後,他的值依然存在,並可利用)
以上所述是小編給大家介紹的PHP中模糊查詢並關聯三個select框,希望對大家有所幫助!