[發明專利]實現多級聯動下拉框的方法、電子裝置及存儲介質

在審

• 申請號: 201711210184.4
• 申請日: 2017-11-24
• 公開（公告）號: CN108038142A
• 公開（公告）日: 2018-05-15
• 發明（設計）人: 趙寶森
• 申請（專利權）人: 平安科技（深圳）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F9/451
• 代理公司: 北京英特普羅知識產權代理有限公司 11015
• 代理人: 林彥之

1.一種實現多級聯動下拉框的方法，其特征在于，包括如下步驟：

S1、構建數據庫：所述數據庫中存儲有至少一個選項組別，每組所述選項組別中包含有按層級關系排列的若干選項；

S2、加載選項：當下拉框頁面被訪問時，通過執行JS截取方法將選項組別轉化成數組，然后將各個數組加載至相應的下拉框中；

S3、選項聯動顯示：根據前一級下拉框中的change事件，給當前級下拉框匹配包含有前一級下拉框選項的數組，然后通過JS截取方法獲取數組中的當前級下拉框選項放入所述當前級下拉框中。

2.根據權利要求1所述的實現多級聯動下拉框的方法，其特征在于，步驟S1具體包括以下分步驟：

S11、按從高到低的層級關系將每個選項組別中的選項分別進行排序；

S12、在各個選項組別之間添加相同的組別分隔符；

S13、以選項組別為單位，在各個選項之間添加相同的選項分隔符；

S14、將各選項、組別分隔符和選項分隔符保存至數據庫的相應字段中。

3.根據權利要求2所述的實現多級聯動下拉框的方法，其特征在于，每組所述選項組別中包含有相同數量或者不同數量的選項，所述層級關系中層級的層數與包含有選項數量最多的單組所述選項組別中的選項數量相對應。

4.根據權利要求2所述的實現多級聯動下拉框的方法，其特征在于，步驟S2具體包括以下分步驟：

S21、當下拉框頁面被訪問時，調取數據庫中存儲的選項組別；

S22、通過JS截取方法，依次截取各個選項組別中的選項，按預設的選項組別與數組之間的轉化規則將所述選項組別轉化成按層級關系排列的若干數組；

S23、將各數組加載到對應的下拉框中。

5.根據權利要求4所述的實現多級聯動下拉框的方法，其特征在于，所述選項組別與數組之間的轉化規則如下：

{A1、A2、......An}＝[A1]，[A1，A2]，......[An-1，An]；

其中，{A1、A2、......An}表示一組選項組別，A1、A2、......An表示一組選項組別中包含的n個選項，n為正整數，[A1]，[A1，A2]，......[An-1，An]表示與n個選項相對應的n個數組。

6.根據權利要求5所述的實現多級聯動下拉框的方法，其特征在于，步驟S3具體包括以下分步驟：

S31、判斷前一級下拉框是否發生change事件，若是執行步驟S32，若否執行本步驟S31；

S32、獲取前一級下拉框中所述change事件所指向的前一級下拉框選項；

S33、從加載至當前級下拉框中的數組中篩選出包含有所述前一級下拉框選項的數組；

S34、通過JS截取方法，截取篩選出的數組中所包含的當前級下拉框選項；

S35、將截取的所述當前級下拉框選項放入當前級下拉框中。