首頁 > web前端 > js教程 > php中模糊查詢並關聯三個select框

php中模糊查詢並關聯三個select框

陈政宽~
發布: 2017-06-28 13:06:16
原創
2097 人瀏覽過

這篇文章主要介紹了PHP中模糊查詢並關聯三個select框,需要的朋友可以參考下

#1.在php中我們經常用到下拉框,並相互關聯,如果下拉框的option非常多,那我們就要用到模糊搜尋功能,那怎麼做呢?

在此功能中,走了彎路,最好不要關聯兩個select的id值後select屬性選中,並且不可修改。再次選擇的時候去除屬性,這樣在去除select屬性的時候會有火狐和google js相容的問題。很容易出現不對應或屬性不能去除的情況,且功能麻煩。另外在後台一定要判斷兩者的對應關係。 (在後台比對兩者的對應關係的時候,要去資料庫查詢,找到企業的id,去資料庫查詢擔保公司的id比對。不要用前台取到擔保公司的id值)。

2.樣式:

互相關聯,如果有擔保公司則下拉方塊只顯示一個擔保公司,其他不顯示,若沒有,全部顯示,讓管理員選擇。

3.我們知道select下拉框是不允許有搜尋框的,也無法寫一個input搜尋框進去,這樣我們只能藉助插件來實現,把select框轉換成ul li ,非常好用的插件:select2.

4.正常的在後台資料庫取得數據,賦值;並引入select2外掛程式即可。注意,和select2外掛有關的css檔案也要引入,有的css問價和js為封裝好的,樣式自己改。

 5. 樣式增加:

.select2-resultsoption[aria -selected] {
    cursor: pointer;
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2- selectionrendered {
    color: #444;
    line-height: 28px;
    font-size:14px;
#}
.select2-container--2default .select}
.select2-container--2default .select}.select2-container--2default .select} -results > .select2-resultsoptions {   
max-height: 280px;   
#overflow-y

: auto;

}

66 .下拉框之間的相互關聯:

7.


8. js處理:取得隱藏的select值,重新組成select option(注意:select被隱藏後,他的值依然存在,並可利用)

# #以上所述是小編給大家介紹的PHP中模糊查詢並關聯三個select框,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對腳本之家網站的支持! ###

以上是php中模糊查詢並關聯三個select框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板