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)站的支持！

最新評(píng)論