[发明专利]多级联动下拉框的实现方法、装置和计算机设备

说明书

本申请涉及基础研发领域，提供了一种多级联动下拉框的实现方法、装置、计算机设备和存储介质。所述方法包括：获取页面数据，页面数据中包括多个下拉框元素及各个下拉框元素对应的属性信息；获取下拉框元素对应的下拉框组件，分别生成各个下拉框元素的实例；根据各个下拉框元素的属性信息，对各个下拉框元素的实例进行配置，在配置完成后渲染各个下拉框元素的实例，得到多个可视化下拉框；获取当前下拉框对应的选项数据集合并生成下拉列表；监听当前下拉框中的下拉框改变事件，根据监听到的下拉框改变事件确定目标选项数据；根据目标选项数据获取下一级下拉框的选项数据集合，根据获取到的选项数据集合生成下一级下拉框的下拉列表。

技术领域

本申请涉及页面数据处理技术领域，特别是涉及一种多级联动下拉框的实现方法、装置、计算机设备和存储介质。

背景技术

随着互联网的发展，企业的营销活动由线下向线上转移，借助互联网和社交圈实现贷款产品营销、客户服务、获取客户等目标。

客户通过线上的营销活动页面参加活动时，经常需要填写一些个人信息，为方便客户填写，提高客户体验，通常都尽可能使客户填写的文字降至最少，通常采用在页面中加载级联插件，以实现多级联动的下拉选择框，用户只需要从下拉框中进行选择即可。传统技术中，级联插件大多是致力于解决某一问题而实现，在不同的场景下需要使用不同的插件，导致代码变得非常冗余，影响计算机的性能。

发明内容

基于此，有必要针对上述技术问题，提供一种能够减少代码冗余并提高计算机性能的多级联动下拉框的实现方法、装置、计算机设备和存储介质。

一种多级联动下拉框的实现方法，所述方法包括：

获取页面数据，所述页面数据中包括多个下拉框元素及各个下拉框元素对应的属性信息；

获取所述下拉框元素对应的下拉框组件，分别生成各个下拉框元素的实例；

根据所述各个下拉框元素的属性信息，对所述各个下拉框元素的实例进行配置，当配置完成后，对所述各个下拉框元素的实例进行渲染，得到多个可视化下拉框；所述多个可视化下拉框中每两个相邻的可视化下拉框之间按照位置关系对应不同的级别；

获取当前下拉框对应的选项数据集合，根据获取到的所述选项数据集合生成当前下拉框的下拉列表；

当存在与所述当前下拉框对应的下一级下拉框时，监听当前下拉框中的下拉框改变事件，根据监听到的所述下拉框改变事件从所述当前下拉框的下拉列表中确定目标选项数据；

根据所述目标选项数据获取下一级下拉框的选项数据集合，根据获取到的所述选项数据集合生成下一级下拉框的下拉列表。

在其中一个实施例中，所述根据所述目标选项数据获取下一级下拉框的选项数据集合，根据获取到的所述选项数据集合生成下一级下拉框的下拉列表，包括：

将所述目标选项数据发送至服务器；

接收所述服务器返回的根据所述目标选项数据查询到的下一级选项数据，得到下一级下拉框对应的选项数据集合；

根据所得到的选项数据集合生成下一级下拉框的下拉列表。

在其中一个实施例中，在所述对所述各个下拉框元素的实例进行渲染，得到多个可视化下拉框之后，包括：

获取所有下拉框对应的选项数据总集合，将获取到的所述选项数据总集合保存至本地数据库中；

所述获取当前下拉框对应的选项数据集合，根据获取到的所述选项数据集合生成当前下拉框的下拉列表，包括：

从本地数据库中获取当前下拉框的选项数据集合，根据获取到的所述选项数据集合生成当前下拉框的下拉列表；