[發明專利]一種下拉選擇框輸入方法、裝置、設備及介質

有效

• 申請號: 202011301967.5
• 申請日: 2020-11-19
• 公開（公告）號: CN112464130B
• 公開（公告）日: 2023-01-10
• 發明（設計）人: 張志華
• 申請（專利權）人: 蘇州浪潮智能科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 劉曉菲

本申請公開了一種下拉選擇框輸入方法、裝置、設備及介質，該方法包括：獲取點擊下拉選擇框觸發的下拉選項顯示請求；基于所述下拉選項顯示請求將下拉選項庫中的第一組下拉選項發送到用戶界面上的專用下拉選項顯示框進行顯示，并從所述下拉選項庫中異步加載第二組下拉選項；在監測到所述專用下拉選項顯示框中的滾動條到達所述專用下拉選項顯示框底部時，將所述第二組下拉選項發送到所述專用下拉選項顯示框進行增加顯示；在獲取到點擊所述專用下拉選項顯示框中顯示的下拉選項觸發的下拉選擇框輸入請求時，將所述專用下拉選項顯示框中顯示的被點擊的下拉選項輸入到所述下拉選擇框中。這樣能夠解決下拉選項數據量超大時，出現卡頓的問題。

技術領域

本申請涉及計算機技術領域，特別涉及一種下拉選擇框輸入方法、裝置、設備、介質。

背景技術

下拉選擇框是html(Hyper Text Markup Language，超文本標記語言)頁面開發，頁面構建的常用元素。下拉選擇框可以提供默認數據供用戶使用，解決了直接使用文字輸入框，不理解該字段意義的問題。

常用的下拉選擇框一般為原生的html下的下拉選擇框。主要采用原生的下拉操作，原生的元素繪制，原生的樣式繪制。而高級的下拉選擇框，可以采用bootstrap進行下拉選擇框的重構，將下拉選擇項option的數據剝離出來，用ul和li標簽，重新進行頁面元素繪制。解決了原生的下拉選擇框無法進行內部樣式繪制的問題。

但是，不論是原生的下拉選擇框還是目前的高級下拉選擇框，在下拉選項的數據量超大的情況下，因為全部下拉框元素直接生成在頁面元素中，導致整個頁面數據量過大，出現卡頓，包括下拉框展開和收縮卡頓等。

發明內容

有鑒于此，本申請的目的在于提供一種下拉選擇框輸入方法、裝置、設備、介質，能夠解決下拉選項數據量超大時，出現卡頓的問題。其具體方案如下：

第一方面，本申請公開了一種下拉選擇框輸入方法，包括：

獲取點擊下拉選擇框觸發的下拉選項顯示請求；

基于所述下拉選項顯示請求將下拉選項庫中的第一組下拉選項發送到用戶界面上的專用下拉選項顯示框進行顯示，并從所述下拉選項庫中異步加載第二組下拉選項，其中，每組下拉選項的下拉選項的數量均為預設數量，且所述預設數量遠小于所述下拉選項庫中的下拉選項總數；

在監測到所述專用下拉選項顯示框中的滾動條到達所述專用下拉選項顯示框底部時，將所述第二組下拉選項發送到所述專用下拉選項顯示框進行增加顯示；

在獲取到點擊所述專用下拉選項顯示框中顯示的下拉選項觸發的下拉選擇框輸入請求時，將所述專用下拉選項顯示框中顯示的被點擊的下拉選項輸入到所述下拉選擇框中。

可選地，還包括：

將所述下拉選擇框的樣式設置成與所述下拉選擇框所屬頁面上的文字輸入框和數據輸入框相同。

可選地，還包括：

將所述專用下拉選項顯示框中的下拉選項的顯示樣式設置成與所述頁面中的文字顯示樣式相同。

可選地，還包括：

將所述下拉選擇框的輸入屬性配置為必輸入項，其中，所述輸入屬性表示所述下拉選擇框為必輸入項或選填輸入項；

當所述下拉選擇框的輸入選項為空時，為所述下拉選擇框在所述用戶界面上的位置區域添加輸入錯誤標識。

可選地，所述基于所述下拉選項顯示請求將下拉選項庫中的第一組下拉選項發送到用戶界面上的專用下拉選項顯示框進行顯示的過程中，還包括：