多级下拉框的实现方法、装置及计算机可读存储介质制造方法及图纸

本申请公开了一种多级下拉框的实现方法、装置及计算机可读存储介质，所述方法包括：获取待设计多级下拉框的目标数据信息，所述目标数据信息包括至少N级数据，所述N为正整数且大于或等于3；分析所述目标数据信息，获取对应的至少一一级目录以及所述一级目录下对应的从二级域名至N级域名的所有域名；在HTML中使用dropdown下拉菜单组件对所述一级目录以及所述所有域名进行渲染，展示获得的所述目标数据对应的多级下拉框。如此，支持用户根据需求对数据的下拉框进行灵活的多级选择配置，且能够展示三级及以上选择的场景，提升了用户使用体验。验。验。

【技术实现步骤摘要】
多级下拉框的实现方法、装置及计算机可读存储介质


[0001]本专利技术涉及页面数据处理
，特别是涉及一种多级下拉框的实现方法、装置及计算机可读存储介质。

技术介绍

[0002]在使用应用过程中，当需要对多个数据进行选择时，很多时候需要用到下拉框和多选框，而若数据中有多个分类，就需要展示为二级、三级选择甚至更多级选择。目前，很多下拉框设计最多只是支持二级选择，无法使用至需要用到多级展示的场景。

技术实现思路

[0003]本专利技术的目的在于提供一种多级下拉框的实现方法、装置及计算机可读存储介质，支持用户根据需求对数据的下拉框进行灵活的多级选择配置，且能够展示三级及以上选择的场景，提升了用户使用体验。
[0004]为达到上述目的，本专利技术的技术方案是这样实现的：
[0005]第一方面，本专利技术实施例提供了一种多级下拉框的实现方法，所述方法包括：
[0006]获取待设计多级下拉框的目标数据信息，所述目标数据信息包括至少N级数据，所述N为正整数且大于或等于3；
[0007]分析所述目标数据信息，获取对应的至少一一级目录以及所述一级目录下对应的从二级域名至N级域名的所有域名；
[0008]在HTML中使用dropdown下拉菜单组件对所述一级目录以及所述所有域名进行渲染，获得并展示所述目标数据对应的多级下拉框。
[0009]作为其中一种实施方式，所述方法还包括：
[0010]在所述多级下拉框内展示对所述目标数据的选择框和用于模糊搜索数据的搜索输入框。
[0011]作为其中一种实施方式，所述方法还包括：
[0012]接收选择操作；
[0013]根据所述选择操作确定已选择的域名的个数，并将所述个数展示于所述多级下拉框中。
[0014]作为其中一种实施方式，所述方法还包括：
[0015]将所述选择操作所选择的域名存放至预设数组中，所述预设数组用于作为向后端传递的参数。
[0016]第二方面，本专利技术实施例提供了一种多级下拉框的实现装置，所述装置包括：
[0017]获取模块，用于获取待设计多级下拉框的目标数据信息，所述目标数据信息包括至少N级数据，所述N为正整数且大于或等于3；
[0018]分析模块，用于分析所述目标数据信息，获取对应的至少一一级目录以及所述一级目录下对应的从二级域名至N级域名的所有域名；
[0019]处理模块，用于在HTML中使用dropdown下拉菜单组件对所述一级目录以及所述所有域名进行渲染，获得所述目标数据对应的多级下拉框；
[0020]显示模块，用于展示所述目标数据对应的多级下拉框。
[0021]作为其中一种实施方式，所述显示模块，还用于在所述多级下拉框内展示对所述目标数据的选择框和用于模糊搜索数据的搜索输入框。
[0022]作为其中一种实施方式，所述获取模块，还用于接收选择操作；
[0023]所述处理模块，还用于根据所述选择操作确定已选择的域名的个数；
[0024]所述显示模块，还用于并将所述个数展示于所述多级下拉框中。
[0025]作为其中一种实施方式，所述处理模块，还用于将所述选择操作所选择的域名存放至预设数组中，所述预设数组用于作为向后端传递的参数。
[0026]第三方面，本专利技术实施例提供了一种多级下拉框的实现装置，包括：处理器和存储有计算机程序的存储器，在所述处理器运行所述计算机程序时，实现上述所述的多级下拉框的实现方法。
[0027]第四方面，本专利技术实施例提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，实现第一方面所述的多级下拉框的实现方法。
[0028]本专利技术实施例提供的多级下拉框的实现方法、装置及计算机可读存储介质，所述方法包括：获取待设计多级下拉框的目标数据信息，所述目标数据信息包括至少N级数据，所述N为正整数且大于或等于3；分析所述目标数据信息，获取对应的至少一一级目录以及所述一级目录下对应的从二级域名至N级域名的所有域名；在HTML中使用dropdown下拉菜单组件对所述一级目录以及所述所有域名进行渲染，获得并展示所述目标数据对应的多级下拉框。如此，支持用户根据需求对数据的下拉框进行灵活的多级选择配置，且能够展示三级及以上选择的场景，提升了用户使用体验。
附图说明
[0029]图1为本专利技术实施例提供的一种多级下拉框的实现方法的流程示意图；
[0030]图2为本专利技术实施例提供的一种多级下拉框的实现装置的结构示意图一；
[0031]图3为本专利技术实施例提供的一种多级下拉框的实现方法的过程示意图；
[0032]图4为本专利技术实施例提供的一种多级下拉框的实现装置的结构示意图二。
具体实施方式
[0033]这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的设备和方法的例子。
[0034]需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者设备中还存在另外的相同要素，此外，本申请不同实施例中具
有同样命名的部件、特征、要素可能具有相同含义，也可能具有不同含义，其具体含义需以其在该具体实施例中的解释或者进一步结合该具体实施例中上下文进行确定。
[0035]应当理解，尽管在本文可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本文范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语"如果"可以被解释成为"在
……
时"或"当
……
时"或"响应于确定"。再者，如同在本文中所使用的，单数形式“一”、“一个”和“该”旨在也包括复数形式，除非上下文中有相反的指示。应当进一步理解，术语“包含”、“包括”表明存在所述的特征、步骤、操作、元件、组件、项目、种类、和/或组，但不排除一个或多个其他特征、步骤、操作、元件、组件、项目、种类、和/或组的存在、出现或添加。此处使用的术语“或”和“和/或”被解释为包括性的，或意味着任一个或任何组合。因此，“A、B或C”或者“A、B和/或C”意味着“以下任一个：A；B；C；A和B；A和C；B和C；A、B和C”。仅当元件、功能、步骤或操作的组合在某些方式下内在地互相排斥时，才会出现该定义的例外。
[00本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种多级下拉框的实现方法，其特征在于，所述方法包括：获取待设计多级下拉框的目标数据信息，所述目标数据信息包括至少N级数据，所述N为正整数且大于或等于3；分析所述目标数据信息，获取对应的至少一一级目录以及所述一级目录下对应的从二级域名至N级域名的所有域名；在HTML中使用dropdown下拉菜单组件对所述一级目录以及所述所有域名进行渲染，展示获得的所述目标数据对应的多级下拉框。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：在所述多级下拉框内展示对所述目标数据的选择框和用于模糊搜索数据的搜索输入框。3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：接收选择操作；根据所述选择操作确定已选择的域名的个数，并将所述个数展示于所述多级下拉框中。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：将所述选择操作所选择的域名存放至预设数组中，所述预设数组用于作为向后端传递的参数。5.一种多级下拉框的实现装置，其特征在于，所述装置包括：获取模块，用于获取待设计多级下拉框的目标数据信息，所述目标数据信息包括至少N级数据，所述N为正整数且大于或等于3；分析模块，用于分析所述目标数据信息，获取对应的至少一一级目录以及所...

【专利技术属性】
技术研发人员：易成，
申请(专利权)人：深圳奇迹智慧网络有限公司，
类型：发明
国别省市：