《PHP教程：PHP中模糊查詢并關(guān)聯(lián)三個select框》要點：
本文介紹了PHP教程：PHP中模糊查詢并關(guān)聯(lián)三個select框，希望對您有用。如果有疑問，可以聯(lián)系我們。

1.在php中我們經(jīng)常用到下拉框,并相互關(guān)聯(lián),如果下拉框的option非常多,那么我們就要用到模糊搜索功能,那么怎么做呢?PHP應(yīng)用

在此功能中,走了彎路,最好不要關(guān)聯(lián)兩個select的id值后select屬性選中,并不可修改.再次選擇的時候去除屬性,這樣在去除select屬性的時候存在火狐和google js兼容的問題.很容易出現(xiàn)不對應(yīng)或者屬性不能去除的情況,且功能麻煩.另外在后臺一定要判斷兩者的對應(yīng)關(guān)系.(在后臺比對兩者的對應(yīng)關(guān)系的時候,要去數(shù)據(jù)庫查詢,找到企業(yè)的id,去數(shù)據(jù)庫查詢擔(dān)保公司的id比對.不要用前臺取到擔(dān)保公司的id值).PHP應(yīng)用

2.樣式：PHP應(yīng)用

PHP應(yīng)用

相互關(guān)聯(lián),如果有擔(dān)保公司則下拉框只顯示一個擔(dān)保公司,其他不顯示,若沒有,全部顯示,讓管理員選擇.PHP應(yīng)用

PHP應(yīng)用

3.我們知道select下拉框是不允許有搜索框的,也無法寫一個input搜索框進(jìn)去,這樣我們只能借助插件來實現(xiàn),把select框轉(zhuǎn)換成ul li ,非常好用的插件：select2.PHP應(yīng)用

4.正常的在后臺數(shù)據(jù)庫獲取數(shù)據(jù),賦值；并引入select2插件即可.注意,和select2插件有關(guān)的css文件也要引入,有的css問價和js為封裝好的,樣式自己改.PHP應(yīng)用

PHP應(yīng)用

PHP應(yīng)用

?5. 樣式增加：PHP應(yīng)用

PHP應(yīng)用

.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;
}PHP應(yīng)用

6. 下拉框之間的相互關(guān)聯(lián)：PHP應(yīng)用

PHP應(yīng)用

7.PHP應(yīng)用

PHP應(yīng)用

8. js處理：獲取隱藏的select值,重新組建select option(注意：select被隱藏后,他的值依然存在,并可利用)
PHP應(yīng)用

PHP應(yīng)用

PHP應(yīng)用

以上所述是小編給大家介紹的PHP中模糊查詢并關(guān)聯(lián)三個select框,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的.在此也非常感謝大家對維易PHP網(wǎng)站的支持!PHP應(yīng)用

轉(zhuǎn)載請注明本頁網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/605.html