溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關(guān)查詢面板中如何實現(xiàn)兩個select下拉框的關(guān)聯(lián)查詢，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
方法 1： 通過碼代碼實現(xiàn)關(guān)聯(lián)查詢功能，思路如下：
對第一個 select 下拉框添加 onchange 事件，當用戶選擇了第一個 select 下拉框的值后，就會進入 onchange 事件，在這個事件中獲取選中的 value 值，然后使用 ajax 根據(jù)這個值查詢關(guān)聯(lián)的第二個 select 下拉框，并將結(jié)果返回顯示到頁面。
這種方式在大數(shù)據(jù)量關(guān)聯(lián)過濾時，容易出現(xiàn)性能問題。
方法 2： 使用報表工具提供的關(guān)聯(lián)過濾的功能，通過簡單的設(shè)置就可以實現(xiàn)下拉數(shù)據(jù)的關(guān)聯(lián)過濾，例如
編輯風(fēng)格之下拉數(shù)據(jù)集關(guān)聯(lián)過濾
當 select 下拉框數(shù)據(jù)量比較大大時，可以使用異步加載的方法保證取數(shù)性能
潤乾報表 參數(shù)表單關(guān)聯(lián)過濾異步加載用法
下拉框關(guān)聯(lián)查詢實現(xiàn)效果圖：
以上就是查詢面板中如何實現(xiàn)兩個select下拉框的關(guān)聯(lián)查詢，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
