[发明专利]一种下拉选择框输入方法、装置、设备及介质

说明书

本申请公开了一种下拉选择框输入方法、装置、设备及介质，该方法包括：获取点击下拉选择框触发的下拉选项显示请求；基于所述下拉选项显示请求将下拉选项库中的第一组下拉选项发送到用户界面上的专用下拉选项显示框进行显示，并从所述下拉选项库中异步加载第二组下拉选项；在监测到所述专用下拉选项显示框中的滚动条到达所述专用下拉选项显示框底部时，将所述第二组下拉选项发送到所述专用下拉选项显示框进行增加显示；在获取到点击所述专用下拉选项显示框中显示的下拉选项触发的下拉选择框输入请求时，将所述专用下拉选项显示框中显示的被点击的下拉选项输入到所述下拉选择框中。这样能够解决下拉选项数据量超大时，出现卡顿的问题。

技术领域

本申请涉及计算机技术领域，特别涉及一种下拉选择框输入方法、装置、设备、介质。

背景技术

下拉选择框是html(Hyper Text Markup Language，超文本标记语言)页面开发，页面构建的常用元素。下拉选择框可以提供默认数据供用户使用，解决了直接使用文字输入框，不理解该字段意义的问题。

常用的下拉选择框一般为原生的html下的下拉选择框。主要采用原生的下拉操作，原生的元素绘制，原生的样式绘制。而高级的下拉选择框，可以采用bootstrap进行下拉选择框的重构，将下拉选择项option的数据剥离出来，用ul和li标签，重新进行页面元素绘制。解决了原生的下拉选择框无法进行内部样式绘制的问题。

但是，不论是原生的下拉选择框还是目前的高级下拉选择框，在下拉选项的数据量超大的情况下，因为全部下拉框元素直接生成在页面元素中，导致整个页面数据量过大，出现卡顿，包括下拉框展开和收缩卡顿等。

发明内容

有鉴于此，本申请的目的在于提供一种下拉选择框输入方法、装置、设备、介质，能够解决下拉选项数据量超大时，出现卡顿的问题。其具体方案如下：

第一方面，本申请公开了一种下拉选择框输入方法，包括：

获取点击下拉选择框触发的下拉选项显示请求；

基于所述下拉选项显示请求将下拉选项库中的第一组下拉选项发送到用户界面上的专用下拉选项显示框进行显示，并从所述下拉选项库中异步加载第二组下拉选项，其中，每组下拉选项的下拉选项的数量均为预设数量，且所述预设数量远小于所述下拉选项库中的下拉选项总数；

在监测到所述专用下拉选项显示框中的滚动条到达所述专用下拉选项显示框底部时，将所述第二组下拉选项发送到所述专用下拉选项显示框进行增加显示；

在获取到点击所述专用下拉选项显示框中显示的下拉选项触发的下拉选择框输入请求时，将所述专用下拉选项显示框中显示的被点击的下拉选项输入到所述下拉选择框中。

可选地，还包括：

将所述下拉选择框的样式设置成与所述下拉选择框所属页面上的文字输入框和数据输入框相同。

可选地，还包括：

将所述专用下拉选项显示框中的下拉选项的显示样式设置成与所述页面中的文字显示样式相同。

可选地，还包括：

将所述下拉选择框的输入属性配置为必输入项，其中，所述输入属性表示所述下拉选择框为必输入项或选填输入项；

当所述下拉选择框的输入选项为空时，为所述下拉选择框在所述用户界面上的位置区域添加输入错误标识。

可选地，所述基于所述下拉选项显示请求将下拉选项库中的第一组下拉选项发送到用户界面上的专用下拉选项显示框进行显示的过程中，还包括：