CN109426415A - 一种生成级联选择器的方法及装置 - Google Patents

Abstract

本申请公开了一种生成级联选择器的方法及装置，该生成级联选择器的方法包括：获取多个层级的选项，并且获取相邻层级选项之间的对应关系，作为选项信息；根据该选项信息生产级联选择器。该级联选择器能够根据该选项信息，独立的提供多个层级的选项，无需与其它选择器配合使用，简化进行选项选择操作的响应过程，减少选择低层级的选项所需的响应时间。

Description

一种生成级联选择器的方法及装置

技术领域

本申请涉及互联网技术领域，特别是涉及一种生成级联选择器的方法及装置。

背景技术

互联网浏览器上，存在能够提供多种选项的列表，例如：下拉菜单等，该列表采用选择器实现。一般情况下，每个选择器只能提供同一层级的选项。当需要提供不同层级的选项时，采用多个选择器，每个选择器提供一个层级的选项。给每个选择器绑定一个change事件，设置各个选项器的父子关系，子选择器监听父选择器，父选择器中所选择的选项发生变化时，子选择器所提供的选项也会随之变化。

以提供省、市、县的选项为例，采用三个选择器，一个选择器作为省选择器，用来提供省的选项；另一个选择器作为市选择器，用来提供市的选项；还有一个选择器作为县选择器，用来提供县的选项。省选择器是市选择器的父选择器，市选择器是县选择器的父选择器。当从省选择器所选择的省发生变化时，市选择器所提供的市的选项会随之变化；当从市选择器所选择的市发生变化时，县选择器所提供的县的选项也会随之变化。

选择一个低层级的选项时，需要多个选择器配合实现，响应过程复杂，选择低层级选项时所需的响应时间长。

发明内容

本申请解决的技术问题在于提供一种生成级联选择器的方法及装置，从而能够使选择器的选项呈现层级关系，使用户在选择不同层级内容、明确选项之间关系等操作上更加便捷。

为此，本申请解决技术问题的技术方案是：

一种生成级联选择器的方法，该方法包括：

获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

根据所述选项信息生成级联选择器，所述级联选择器用于提供多个层级的选项；

获取渲染参数，利用所述渲染参数将所述级联选择器渲染至浏览器。

可选地，该方法还包括：

检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项；

当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

可选地，该方法还包括：

获取所述级联选择器的搜索框中输入的目标选项；

从所述级联选择器的选项信息中，查找与所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高；

按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

可选地，该方法还包括：

响应于第一选择操作，查找所述级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，所述第一选择操作用于从第一层级的第一选项列表中选择所述第一选项，所述第一层级比所述第二层级的级别高；

显示所述第二层级的第二选项列表，所述第二选项列表用于提供所述第一选项集合中的选项；

响应于第二选择操作，查找所述级联选择器的选项信息中，与所述第二选项对应的第三层级的第二选项集合，所述第二选择操作用于从所述第二层级的第二选项列表中选择第二选项，所述第二层级比所述第三层级的级别高；

显示所述第三层级的第三选项列表，所述第三选项列表用于提供所述第二选项集合中的选项。

可选地，该方法还包括：

响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

此外，本申请还提供了一种生成级联选择器的装置，该装置包括：

第一获取模块，用于获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

生成模块，用于根据所述第一获取模块获取到的所述选项信息，生成级联选择器，所述级联选择器用于提供多个层级的选项；

渲染模块，用于获取渲染参数，利用所述渲染参数将所述生成模块生成的所述级联选择器渲染至浏览器。

可选地，该装置还包括：

检测模块，用于检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项；

隐藏模块，用于当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

可选地，该装置还包括：

第二获取模块，用于获取所述级联选择器的搜索框中输入的目标选项；

查找模块，用于从所述级联选择器的选项信息中，查找与第二获取模块获取到的所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高；

第一显示模块，用于按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

可选地，该装置还包括：

第一选择模块，用于响应于第一选择操作，查找所述级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，所述第一选择操作用于从第一层级的第一选项列表中选择所述第一选项，所述第一层级比所述第二层级的级别高；

第二显示模块，用于显示所述第二层级的第二选项列表，所述第二选项列表用于提供所述第一选项集合中的选项；

第二选择模块，用于响应于第二选择操作，查找所述级联选择器的选项信息中，与所述第二选项对应的第三层级的第二选项集合，所述第二选择操作用于从所述第二层级的第二选项列表中选择第二选项，所述第二层级比所述第三层级的级别高；

第三显示模块，用于显示所述第三层级的第三选项列表，所述第三选项列表用于提供所述第二选项集合中的选项。

可选地，该装置还包括：

第三选择模块，用于响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

另外，本申请还提供了一种存储介质，该存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行上述的生成级联选择器的方法。

本申请还提供了一种处理器，该处理器用于运行程序，其中，所述程序运行时执行上述的生成级联选择器的方法。

通过上述技术方案可知，本申请有如下有益效果：

本申请提供了一种生成级联选择器的方法及装置，获取选项信息，该选项信息包括多个层级的选项，以及相邻层级的选项的对应关系，根据该选项信息生成级联选择器，该级联选择器能够根据该选项信息，独立的提供多个层级的选项，无需与其它选择器配合使用，简化响应过程，减少选择低层级的选项所需的响应时间。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种生成级联选择器的方法流程图；

图2为本申请实施例提供的一种生成级联选择器的方法效果图；

图3为本申请实施例提供的一种生成级联选择器的方法一实施例流程图；

图4为本申请实施例提供的一种生成级联选择器的方法另一实施例流程图；

图5为本申请实施例提供的一种生成级联选择器的方法另一实施例效果图；

图6为本申请实施例提供的一种生成级联选择器的方法又一实施例流程图；

图7为本申请实施例提供的一种生成级联选择器的方法又一实施例效果图；

图8为本申请实施例提供的一种生成级联选择器的方法再一实施例流程图；

图9为本申请实施例提供的一种生成级联选择器的方法再一实施例效果图；

图10为本申请实施例提供的一种生成级联选择器的装置的结构示意图。

具体实施方式

为了给出生成级联选择器的实现方案，本申请实施例提供了一种生成级联选择器的方法及装置，以下结合说明书附图对本申请的实施例进行说明，应当理解，此处所描述的实施例仅用于说明和解释本申请，并不用于限定本申请。并且在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

互联网的浏览器上配置有多个选择器，每个选择器所能提供的选项，在浏览器上以列表的形式显示，每个列表显示一个选择器所能提供的选项。选择一个低层级的选项时，需要按照层级由高到低的顺序，依次选择多个不同层级的选项，由于每个选择器只能提供一个层级的选项，因此，需要同时采用多个选择器配合才能实现。上述选择过程中，低层级的选择器需要实时监听高层级的选择器的选项的变化，高层级的选择器的选项发生变化时，对应的低层级选择器的选项也要随之变化。上述选择低层级选项的过程，多个选择器都需要执行监听和响应监听结果的操作，处理过程复杂，导致选择一个低层级的选项所需的响应时间长。

以省市县为例，目前，实现对一个县级选项的选择操作，需要省级选择器、市级选择器、县级选择器三个选择器共同来完成。具体的，县级选择器需要实时监听市级选择器的选项，只要市级选择器的选项发生变化，县级选择器就根据市级选择器变化后的选项，做选项列表的调整；同理，市级选择器也要实时监听省级选择器的选项，只要省级选择器的选项发生变化，市级选择器就根据省即选择器变化后的选项，做选项列表的调整。

比如，要实现对县级选项甲的选择，要确定该县级选项对应的市级选项乙和省级选项丙，先在省级选择器中选择该县级选项甲对应的省级选项丙，市级选择器监听到省级选择器的选项变化，显示丙省对应的所有市级选项，再在市级选择器中选择对应的市级选项乙，县级选择器监听到市级选择器的选项变化，显示乙市对应的所有县级选项，那么，就可以在县级选择器显示的所有选项中选择到对应的县级选项甲。

所以，目前的选择器的选择操作，多个选择器都需要执行监听和响应监听结果的操作，处理过程复杂，导致选择一个低层级的选项所需的响应时间长。针对上述技术问题，本申请实施例提供了一种生成级联选择器的方案，该技术方案中的级联选择器，能够提供多个层级的选项以及相邻层级选项的对应关系的选项信息，采用一个上述级联选择器即可解决现有技术中的问题。

具体的，通过获取多个层级的选项，并且获取相邻层级选项之间的对应关系；将获取到的上述选项、相邻层级选项之间的对应关系作为选项信息，根据该选项信息生成级联选择器。该级联选择器利用选项信息中的多个层级的选项以及相邻层级选项之间的对应关系，无需与其他选择器配合，即可直接提供任意一个层级的选项，解决了在选择一个低层级的选项时，需要多个选择器相互配合、响应过程复杂的问题，简化了选择一个低层级选项的操作响应过程，减少了响应时间。

下面结合附图对本申请实施例进行详细说明。

图1为本申请实施例提供的一种生成级联选择器方法的流程图，包括以下步骤：

步骤101，获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息。

获取多个层级的选项，不同层级中包含的选项，是属于不同等级的选项；而同一层级中包含的选项是属于相同等级的选项。

获取相邻层级的选项的对应关系，其中，相邻层级指的是对应选项有直接归属关系的两个层级；相邻层级的选项中，较低层级的选项是可以直接地、唯一地对应到其归属的较高相邻层级的选项；而所谓对应关系，其实就是指选项的直接归属关系，一般情况下，一个高层级的选项对应至少一个相邻低层级的选项，低层级的选项对应唯一一个相邻高层级的选项，即为上述对应关系。

以省、市、县为例，获取省、市、县三个层级的选项，省级选项：河北省、内蒙古自治区等，市级选项：石家庄市、秦皇岛市、呼和浩特市、包头市等，县级选项：正定县、栾城县、昌黎县、抚宁县、托克托县、清水河县、固阳县、土默特右旗等；省级和市级是相邻层级，省级选项和市级选项的对应关系：河北省对应石家庄市、秦皇岛市；内蒙古自治区对应呼和浩特市、包头市，等；市级和县级是相邻层级，市级选项和县级选项的对应关系：石家庄市对应正定县、栾城县；秦皇岛市对应昌黎县、抚宁县，等。

步骤102，根据获取的选项信息，生成级联选择器，该级联选择器能够提供多个层级的选项。

将所获得的多个层级的选项，以及相邻层级的选项的对应关系作为选项信息，根据该选项信息生成级联选择器。具体实现时，根据选项信息生成级联选择器，即将该选项信息进行处理，转换成浏览器能够解析的超文本链接标示语言(Hyper Text MarkupLanguage，HTML)代码。

以省、市、县为例，采用上述方法生成的级联选择器能够提供下述选项：

省级选项：河北省、内蒙古自治区等；

市级选项：石家庄市、秦皇岛市、呼和浩特市、包头市等；

县级选项：正定县、栾城县、昌黎县、抚宁县、托克托县、清水河县、固阳县、土默特右旗等。

该级联选择器，还可以提供省级和市级选项的对应关系、市级和县级选项的对应关系。

省级和市级选项的对应关系，例如：河北省对应石家庄市、秦皇岛市等。市级和县级选项的对应关系，例如：秦皇岛市对应昌黎县、抚宁县等。

生成上述级联选择器，该级联选择器中集成了上述选项信息，通过选项信息中的多个层级的选项，以及相邻层级的选项的对应关系，可以独立提供不同层级的选项，不仅能够提供由高层级到低层级选项的选择功能，还能够提供由低层级到高层级选项的查找功能，无需与其它选择器按照层级由高到低配合使用，即无需执行监听和响应监听结果的操作，简化选择一个选项的处理过程的复杂度，节约选择一个选项的响应时间。

步骤103，获取渲染参数，利用获取到的渲染参数将生成的级联选择器渲染至浏览器。

渲染是指用软件从模型生成图像的过程，模型是用严格定义的语言或者数据结构对于物体的描述。具体到浏览器中，渲染就是浏览器将HTML代码，根据CSS定义的规则显示在浏览器窗口中的过程。

获取的渲染参数可以是多个层级选项的文字格式，如：字体、字号、颜色、对齐方式等，也可以是相邻层级选项的对应关系的对应格式，如：对应关系显示框的形状、对应关系显示框的颜色、对应关系显示框的尺寸等。

渲染级联选择器，即获取选择器的渲染参数，根据该渲染参数将该级联选择器的HTML代码渲染至浏览器，渲染结束后，该级联选择器呈现在浏览器上，以供用户使用。

本申请实施例提供了一种生成级联选择器的方法，具体效果参见图2，通过获取多个层级的选项以及相邻层级的选项的对应关系，作为选项信息；根据选项信息生成级联选择器，区别于一般意义上的选择器，不需要多个选择器配合响应来完成选择操作，该级联选择器可以单独提供多个层级的选项，简化了选择较低层级选项的响应过程，节约了选择操作的响应时间，使选择的过程更加便捷。

如图3所示，在一个例子中，本申请实施例提供的生成级联选择器的方法还包括：

步骤304，检测浏览器是否配置有选择器集合，该选择器集合用于提供所述多个层级的选项；

当上述浏览器配置有所述选择器集合时，触发浏览器隐藏上述选择器集合。

一般情况下，浏览器中配置有选择器集合，一个选择器集合包括多个选择器，用以提供多个层级的选项。该选择器集合中，由于各个选择器所提供的选项层级各不相同，因此，需要各个选择器配合响应，才能完成选择操作。

本申请所提供的级联选择器，能够独立提供任意一个层级的选择功能，无需与其它选择器配合使用。在同一浏览器中同时出现提供相同功能的级联选择器和选择器集合，会导致资源的浪费以及操作错误。因此，需要检测浏览器中是否配置有选择器集合，若该浏览器中配置有选择器集合，则需要触发浏览器隐藏该选择器集合；检测到浏览器中没有配置上述选择器集合，则不进行隐藏操作。

该检测和隐藏选择器集合的操作，在级联选择器渲染到选择器之前执行即可。这里不进行具体限定。

如图4所示，在一个例子中，本申请实施例提供的生成级联选择器方法还包括：

步骤404，获取生成的级联选择器的搜索框中输入的目标选项。

从上述级联选择器的选项信息中，查找与上述目标选项匹配的至少一个高层级选项，该高层级选项所属的层级，比上述目标选择所属的层级的级别高。

按照预设的层级顺序，显示上述目标选项和至少一个高层级选项。

一般情况下，在浏览器的选项列表中，想要选择一个低层级的目标选项时，现有的选择器都不能直接对该低层级选择器进行操作，需要先到高层级选择器中，选择与目标选项直接或者间接对应的高层级的选项，然后按照由高层级到低层级的顺序，逐一选择每个层级中，对应于该低层级的目标选项的选项，需要多个选择器之间配合实现。因此，在确定一个低层级的目标选项，必须获知该目标选项所对应的每个高层级的选项。若不知道目标选项所对应的每个高层级的选项时，还需要先搜索该目标选项对应的高层级选项，然后再按照搜索结果进行选择，十分繁琐。

所以，根据多个层级选项和相邻层级选项的对应关系，生成的上述级联选择器，可以提供任意一个层级的选项，也就是说，可以直接选择一个低层级的目标选项，并且，还可以根据相邻层级选项的对应关系，直接或者间接的提供与目标选项对应的至少一个高层级选项。

目标选项即为需要进行搜索和选择的选项，该目标选项是在级联选择器的选项信息中存在的一个选项，可以是任意层级中的选项。本申请实施例中，一般情况下，该目标选项不是最高层级中的选项，该目标选项是一个低于级联选择器的最高层级的低层级的选项。

具体的，该级联选择器提供了一个搜索框，该搜索框是输入目标选项的区域。获取到该级联选择器的搜索框中的目标选项，先从级联选择器的选项信息查找到该目标选项，再根据选项信息中包含的相邻层级选项的对应关系，确定目标选项X1所属的层级A，找到与该层级A相邻，并且比层级A高一个等级的层级B，找到目标选项X1在层级B中对应的选项X2；继续找到与层级B相邻，并且比层级B高一个等级的层级C，找到选项X2在层级C中对应的选项X3，选项X3是与目标选项X1匹配的高两个层级的选项；以此类推，找到该目标选项在所有高层级中匹配的选项。在本申请实施例中，高层级选项的数目与目标选项的层级有关。

预设的层级顺序，是指预先设定的层级排列的顺序，可以是从高层级到低层级的顺序，也可以是从低层级到高层级的顺序。按照上述预设的层级顺序，显示目标选项和至少一个高层级选项，即可以按照由低层级到高层级的顺序显示，即，目标选项到高层级选项；也可以按照由高层级到低层级的顺序显示，即，高层级选项到目标选项。

例如，在上述生成的省市县级联选择器中，在搜索框中输入的目标选项可以为市级选项，如：石家庄市，那么获取到的目标选项即为：石家庄市；在该级联选择器的选项信息中，查找与市级层级相邻，并且高一个等级的层级——省级层级中，石家庄市对应选项，所匹配到的一个省级层级的选项为：河北省；按照预设的省级到市级的层级顺序，显示的结果可以是：河北省，石家庄市。

在搜索框中输入的目标选项也可以为县级选项，如：正定县，那么获取到的目标选项即为：正定县；在该级联选择器的选项信息中，查找与县级层级相邻，并且高一个等级的层级——市级层级中，正定县的对应选项，所匹配到的一个市级层级的选项为：石家庄市；接着，继续查找与市级层级相邻，并且高一个等级的层级——省级层级中，石家庄市对应选项，所匹配到的另一个省级层级的选项为：河北省；按照预设的省级到市级到县级的层级顺序，显示的结果可以是：河北省，石家庄市，正定县。

在本申请实施例中，通过获取输入的目标选项，匹配其与至少一个高层级选项，将目标选项和至少一个高层级选项显示出来，具体效果参见图5，充分利用生成的级联选择器中的选项信息，尤其是选项信息中相邻层级选项的对应关系，可以直接查找到低层级的选项，还可以获得与低层级的选项所匹配的至少一个高层级的选项，快速、有效的实现任意一个层级选项的选择操作，方便用户的使用。

如图6所示，在一个例子中，本申请实施例提供的生成级联选择器方法还包括：

步骤604，响应于第一选择操作，查找级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，显示第二层级的第二选项列表。

步骤605，响应于第二选择操作，查找级联选择器的选项信息中，与第二选项对应的第三层级的第二选项集合，显示第三层级的第三选项列表。

上述第一选择操作，是从第一层级的第一选项列表中选择第一选项；同理，上述第二选择操作，是从第二层级的第二选项列表中选择第二选项。上述第一层级比第二层级的级别高，第二层级比第三层级的级别高；且第一层级与第二层级为相邻层级，第二层级与第三层级为相邻层级。

上述第一选项列表显示的是第一层级的选项，对第一选项列表执行第一选择操作，从第一选项列表中选择一个选项作为第一选项。根据级联选择器中选项信息包括的相邻层级选项的对应关系，获取与第一层级相邻的第二层级中，与第一选项对应的至少一个选项作为第一选项集合。第二层级比第一层级低。第二选项列表显示该第一选项集合中的选项，对第二选项列表执行第二选择操作，从第二选项列表中选择一个选项作为第二选项，根据级联选择器中选项信息包括的相邻层级选项的对应关系，获取与第二层级相邻的第三层级中，与第二选项对应的至少一个选项作为第二选项集合。第三层级比第二层级低。第三选项列表显示该第二选项集合中的选项。

本申请实施例提供的级联选择器，并不仅仅限制于提供三个层级的选项，还可以提供四个层级、五个层级等更多的层级的选项。因此，按照上述方式，从第一选项列表中选择第一层级的第一选项，从第二选项列表中选择第二层级的第二选项，以此类推，采用相同的方法，还可以从第三选项列表中选择第三选项，从第四选项列表中选择第四选项，等，这里不再赘述。

例如，在省市县级联选择器中，第一层级为省级层级，第二层级为市级层级，第三层级为县级层级，省级层级中的河北省、内蒙古自治区等省级选项为第一选项列表，执行第一选择操作，选择第一选项：河北省；在省级层级的相邻的、较低的层级——市级层级中，显示属于河北省的各个市作为对应的第二层级列表，具体显示：石家庄市，秦皇岛市等；在第二层级列表中的石家庄市、秦皇岛市等中，执行第二选择操作，选择第二选项：石家庄市；在市级的相邻的、较低的层级——县级层级中，显示对属于石家庄市的各个县作为对应的第三层级列表，具体显示：正定县、栾城县等。

在本申请实施例中，实施效果参见图7，通过对级联选择器响应第一选择操作、第二选择操作，实现在同一个级联选择器中实现对于不同层级选项的选择，无需与其它选择器配合使用，无需选择器执行监听和响应监听结果的操作，简化了对于不同层级选项进行选择时，所需的响应过程，节约响应时间。

如图8所示，在一个例子中，本申请实施例提供的生成级联选择器方法，还包括：

步骤804，响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

一般意义上的选择器，一次只能进行一次选择操作，且只能根据一次选择操作键入一个层级的一个选项。而本申请实施例提供的级联选择器，该级联选择器中的选项信息，提供了多个层级的选项，以及相邻选项的对应关系。可以根据实际需要，对该级联选择器进行设置，该级联选择器可以响应于多次选择操作，在一个键入框中键入多个选项。这里进行的选择操作的次数，应该与最终获得的键入选项个数相同。

一方面，该级联选择器，可以响应于在不同层级的多次选择操作，键入属于不同层级的多个选项。

例如，在上述生成的省市县级联选择器中，分别进行的选择操作为：选择省级层级中的河北省、市级层级中的石家庄市、县级层级中的正定县，那么，在显示键入结果的区域，会显示：河北省、石家庄市、正定县，进行选择操作的次数与键入选项个数均为3。

另一方面，该级联选择器，也可以响应于在同一层级进行多次选择操作，键入属于同一层级的多个选项。

例如，在上述生成的省市县级联选择器中，分别进行的选择操作为：选择市级层级中的石家庄市、秦皇岛市、呼和浩特市，那么，在显示键入结果的区域，会显示：石家庄市、秦皇岛市、呼和浩特市，进行选择操作的次数与键入选项个数均为3。

在本申请实施例中，通过对生成的级联选择器执行多选操作，效果如图9所示，利用生成的级联选择器，单独实现对相同层级的选项以及不同层级的选项的多项选择，弥补了一般选择器只能进行一次选择操作的不足，方便用户进行便利、快速的选择操作。

与上述方法实施例中的一种生成级联选择器的方法相对应，本申请实施例还提供了一种生成级联选择器的装置。图10为本申请实施例提供的生成级联选择器的装置结构示意图，该装置包括：第一获取模块1001，生成模块1002，渲染模块1003。下面对该装置的工作原理进行具体介绍。

第一获取模块1001，用于获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

生成模块1002，用于根据所述第一获取模块1001获取到的所述选项信息，生成级联选择器，所述级联选择器用于提供多个层级的选项；

渲染模块1003，用于获取渲染参数，利用所述渲染参数将所述生成模块1002生成的所述级联选择器渲染至浏览器。

可选地，在渲染模块1003之前，还包括：检测模块，用于检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项。

隐藏模块，用于当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

可选地，该生成级联选择器的装置，还包括：第二获取模块，用于获取所述级联选择器的搜索框中输入的目标选项。

查找模块，用于从所述级联选择器的选项信息中，查找与第二获取模块获取到的所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高。

第一显示模块，用于按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

可选地，该生成级联选择器的装置，还包括：第一选择模块，用于响应于第一选择操作，查找所述级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，所述第一选择操作用于从第一层级的第一选项列表中选择所述第一选项，所述第一层级比所述第二层级的级别高。

第二显示模块，用于显示所述第二层级的第二选项列表，所述第二选项列表用于提供所述第一选项集合中的选项。

第二选择模块，用于响应于第二选择操作，查找所述级联选择器的选项信息中，与所述第二选项对应的第三层级的第二选项集合，所述第二选择操作用于从所述第二层级的第二选项列表中选择第二选项，所述第二层级比所述第三层级的级别高。

第三显示模块，用于显示所述第三层级的第三选项列表，所述第三选项列表用于提供所述第二选项集合中的选项。

可选地，该生成级联选择器的装置，还包括：第三选择模块，用于响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

本申请实施例提供了一种生成级联选择器的装置，通过第一获取模块获取包含多个层级的选项以及相邻层级选项的对应关系的选项信息，由生成模块根据第一获取模块获取的选项信息，生成能够提供多个层级选项的级联选择器，进过渲染模块获取渲染参数，用该渲染参数将生成模块所生成的级联选择器渲染至浏览器。该装置生成的级联选择器能够独立的提供多个层级的选项，无需与另外的选择器配合使用，取代了多个不同层级选择器的功能，简化了选择操作的响应过程，节约了选择所需的响应时间，方便用户进行便利、快速的选择操作。

本申请实施例是上述方法实施例对应的装置实施例，具体实现方式参考上述方法实施例中的描述，这里不再赘述。

此外，本申请实施例还提供了一种生成级联选择器的装置，该生成级联选择器的装置包括处理器和存储器，上述第一获取模块、生成模块等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来独立的提供多个层级的选项，无需与其它选择器配合使用，简化响应过程，减少选择低层级的选项所需的响应时间。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请实施例提供了一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制调用所述程序的设备执行所述生成级联选择器的方法。本文中的设备可以是服务器、PC、PAD、手机等。

本申请实施例还提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行如下操作：

获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

根据所述选项信息生成级联选择器，所述级联选择器用于提供多个层级的选项；

获取渲染参数，利用所述渲染参数将所述级联选择器渲染至浏览器。

可选地，上述方法还包括：

检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项；

当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

可选地，该方法还包括：

获取所述级联选择器的搜索框中输入的目标选项；

从所述级联选择器的选项信息中，查找与所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高；

按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

可选地，该方法还包括：

响应于第一选择操作，查找所述级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，所述第一选择操作用于从第一层级的第一选项列表中选择所述第一选项，所述第一层级比所述第二层级的级别高；

显示所述第二层级的第二选项列表，所述第二选项列表用于提供所述第一选项集合中的选项；

响应于第二选择操作，查找所述级联选择器的选项信息中，与所述第二选项对应的第三层级的第二选项集合，所述第二选择操作用于从所述第二层级的第二选项列表中选择第二选项，所述第二层级比所述第三层级的级别高；

显示所述第三层级的第三选项列表，所述第三选项列表用于提供所述第二选项集合中的选项。

可选地，该方法还包括：

响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

此外，本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：

获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

根据所述选项信息生成级联选择器，所述级联选择器用于提供多个层级的选项；

获取渲染参数，利用所述渲染参数将所述级联选择器渲染至浏览器。

可选地，上述方法还包括：

检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项；

当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

可选地，该方法还包括：

获取所述级联选择器的搜索框中输入的目标选项；

从所述级联选择器的选项信息中，查找与所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高；

按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

可选地，该方法还包括：

响应于第一选择操作，查找所述级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，所述第一选择操作用于从第一层级的第一选项列表中选择所述第一选项，所述第一层级比所述第二层级的级别高；

显示所述第二层级的第二选项列表，所述第二选项列表用于提供所述第一选项集合中的选项；

响应于第二选择操作，查找所述级联选择器的选项信息中，与所述第二选项对应的第三层级的第二选项集合，所述第二选择操作用于从所述第二层级的第二选项列表中选择第二选项，所述第二层级比所述第三层级的级别高；

显示所述第三层级的第三选项列表，所述第三选项列表用于提供所述第二选项集合中的选项。

可选地，该方法还包括：

响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种生成级联选择器的方法，其特征在于，所述方法包括：

获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

根据所述选项信息生成级联选择器，所述级联选择器用于提供多个层级的选项；

获取渲染参数，利用所述渲染参数将所述级联选择器渲染至浏览器。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项；

当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

3.根据权利要求1-2任意一项所述的方法，其特征在于，所述方法还包括：

获取所述级联选择器的搜索框中输入的目标选项；

从所述级联选择器的选项信息中，查找与所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高；

按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

4.根据权利要求1-2任意一项所述的方法，其特征在于，所述方法还包括：

响应于第一选择操作，查找所述级联选择器的选项信息中，与第一选项对应的第二层级的第一选项集合，所述第一选择操作用于从第一层级的第一选项列表中选择所述第一选项，所述第一层级比所述第二层级的级别高；

显示所述第二层级的第二选项列表，所述第二选项列表用于提供所述第一选项集合中的选项；

响应于第二选择操作，查找所述级联选择器的选项信息中，与所述第二选项对应的第三层级的第二选项集合，所述第二选择操作用于从所述第二层级的第二选项列表中选择第二选项，所述第二层级比所述第三层级的级别高；

显示所述第三层级的第三选项列表，所述第三选项列表用于提供所述第二选项集合中的选项。

5.根据权利要求1-2任意一项所述的方法，其特征在于，所述方法还包括：

响应于多次选择操作，键入属于不同层级的多个选项和/或属于同一层级的多个选项，键入选项的个数与选择操作的次数相等。

6.一种生成级联选择器的装置，其特征在于，所述装置包括：

第一获取模块，用于获取多个层级的选项，以及相邻层级的选项的对应关系，作为选项信息；

生成模块，用于根据所述第一获取模块获取到的所述选项信息，生成级联选择器，所述级联选择器用于提供多个层级的选项；

渲染模块，用于获取渲染参数，利用所述渲染参数将所述生成模块生成的所述级联选择器渲染至浏览器。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

检测模块，用于检测所述浏览器是否配置有选择器集合，所述选择器集合用于提供所述多个层级的选项；

隐藏模块，用于当所述浏览器配置有所述选择器集合时，触发所述浏览器隐藏所述选择器集合。

8.根据权利要求6-7任意一项所述的装置，其特征在于，所述装置还包括：

第二获取模块，用于获取所述级联选择器的搜索框中输入的目标选项；

查找模块，用于从所述级联选择器的选项信息中，查找与第二获取模块获取到的所述目标选项匹配的至少一个高层级选项，所述高层级选项所属的层级，比所述目标选择所属的层级的级别高；

第一显示模块，用于按照预设的层级顺序，显示所述目标选项和所述至少一个高层级选项。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行如权利要求1-5中任一项所述的生成级联选择器的方法。

10.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行如权利要求1-5中任一项所述的生成级联选择器的方法。