一种网页选框的选项展示方法及相关装置与流程

本申请涉及计算机技术领域，特别涉及一种网页选框的选项展示方法、选项展示装置、服务器以及计算机可读存储介质。

背景技术：

随着信息技术的不断发展，电子商务技术在不同领域受到广泛应用。尤其是在物料采购的过程中，通过电子商务平台进行采购和下单，不仅提高了采购效率，还可以进行多家对比避免买到较差商品。

现有技术中，当通过网页执行下单操作时，通常在电子商业的页面中需要进行信息的填写或者选择操作。例如，选择商品货物的寄送地址时，通常寄送地址的数量不唯一，有的数量较多有的数量较少。进一步的，在页面中寄送地址所占据的选择框的大小就不唯一。如果对全部寄送地址进行显示则会占据页面中的大量空间，并且影响页面的高度，导致无法对页面的大小进行控制，影响页面展示的同时还降低用户体验。

因此，如何提高页面中对于数量不固定的选项控制框的用户体验是本领域技术人员关注的重点问题。

技术实现要素：

本申请的目的是提供一种网页选框的选项展示方法、选项展示装置、服务器以及计算机可读存储介质，通过当展开选框时，对选项数量进行判断根据不同的判断结果执行对应的展示操作，而不是直接进行展示，提高了页面展示的效果和用户体验。

为解决上述技术问题，本申请提供一种网页选框的选项展示方法，包括：

当接收到选框展开指令时，获取所述选框的选项数量；

判断所述选项数量是否大于预设数量；

若是，则将所述选框设置为滚动选框，并展示所述预设数量个选项；

若否，则在所述选框中展示所有选项。

可选的，当接收到选框展开指令时，获取所述选框的选项数量，包括：

当接收到所述选框展开指令时，对所述选框的网页元素进行选项元素筛选，得到多个选项元素；

对所述多个选项元素进行计数，得到所述选项数量。

可选的，判断所述选项数量是否大于预设数量，包括：

从用户设置信息中获取用户设置的选项显示数量，将所述选项显示数量作为所述预设数量；

判断所述选项数量是否大于所述预设数量。

可选的，还包括：

当接收到选定指令时，按照预设路径发送确认消息以便接收到确认指令。

可选的，还包括：

将所述选定指令对应的选项移动至所述选框的第一位。

本申请还提供一种网页选框的选项展示装置，包括：

选项数量获取模块，用于当接收到选框展开指令时，获取所述选框的选项数量；

选项数量判断模块，用于判断所述选项数量是否大于预设数量；

第一展示模块，用于当选项数量大于预设数量时，将所述选框设置为滚动选框，并展示所述预设数量个选项；

第二展示模块，用于当选项数量不大于预设数量时，在所述选框中展示所有选项。

可选的，所述选项数量获取模块，包括：

元素筛选单元，用于当接收到所述选框展开指令时，对所述选框的网页元素进行选项元素筛选，得到多个选项元素；

元素计数单元，用于对所述多个选项元素进行计数，得到所述选项数量。

可选的，所述选项数量判断模块，包括：

用于设置获取单元，用于从用户设置信息中获取用户设置的选项显示数量，将所述选项显示数量作为所述预设数量；

判断单元，用于判断所述选项数量是否大于所述预设数量。

本申请还提供一种服务器，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如上所述的选项展示方法的步骤。

本申请还提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的选项展示方法的步骤。

本申请所提供的一种网页选框的选项展示方法，包括：当接收到选框展开指令时，获取所述选框的选项数量；判断所述选项数量是否大于预设数量；若是，则将所述选框设置为滚动选框，并展示所述预设数量个选项；若否，则在所述选框中展示所有选项。

通过当在页面中接收到选框展开指令时，首先获取到选框中的选项数量，然后根据选项数量确定以何种方式对所有的选项进行展示，也就是，判断选项数量是否大于预设数量，当选项数量大于预设数量时，以滚动选框的形式展示预设数量个的选项，使得当存在较多选项时滚动展示所有选项，避免选框高度过高影响页面的高度控制，当选项数量小于预设数量时，直接展示所有选项，保持不占用更多的页面空间，提高使用页面时的使用体验。

本申请还提供一种网页选框的选项展示装置、服务器以及计算机可读存储介质，具有以上有益效果，在此不做赘述。

附图说明

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

图1为本申请实施例所提供的一种网页选框的选项展示方法的流程图；

图2为本申请实施例所提供的一种网页选框的选项展示装置的结构示意图。

具体实施方式

本申请的核心是提供一种网页选框的选项展示方法、选项展示装置、服务器以及计算机可读存储介质，通过当展开选框时，对选项数量进行判断根据不同的判断结果执行对应的展示操作，而不是直接进行展示，提高了页面展示的效果和用户体验。

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

现有技术中，当通过网页执行下单操作时，通常在电子商业的页面中需要进行信息的填写或者选择操作。例如，选择商品货物的寄送地址时，通常寄送地址的数量不唯一，有的数量较多有的数量较少。进一步的，在页面中寄送地址所占据的选择框的大小就不唯一。如果对全部寄送地址进行显示则会占据页面中的大量空间，并且影响页面的高度，导致无法对页面的大小进行控制，影响页面展示的同时还降低用户体验。

因此，本申请提供了一种网页的选框控制方法，通过当在页面中接收到选框展开指令时，首先获取到选框中的选项数量，然后根据选项数量确定以何种方式对所有的选项进行展示，也就是，判断选项数量是否大于预设数量，当选项数量大于预设数量时，以滚动选框的形式展示预设数量个的选项，使得当存在较多选项时滚动展示所有选项，避免选框高度过高影响页面的高度控制，当选项数量小于预设数量时，直接展示所有选项保持不占用更多的页面空间，提高使用页面时的使用体验。

请参考图1，图1为本申请实施例所提供的一种网页选框的选项展示方法的流程图。

本实施例中，该方法可以包括：

s101，当接收到选框展开指令时，获取选框的选项数量；

本步骤旨在当接收到选框展开指令时，也就是，需要在页面展开选框进行查看时，获取到选框中的所有选项的选项数量。也就是，获取该选框包括的所有选项的选项数量。其中，一般的当选框处于闭合状态，也就是不处于展开时，此时选框只显示一条选项。

现有技术中，在网页中显示选框的方式，一般是将选框中的所有的选项直接进行显示。也就是，不论选框中的选项数量是多少，都会将所有的选项直接展示。但是，如果选项的数量较多时，就会占用过多的页面空间，严重影响正常的页面使用和浏览，降低用户的体验。同时，过多的选项会拉长页面的高度，影响对页面元素的控制。

因此，本实施例中为了对选项的展示进行控制，首先，在展开选框时获取到选项数量，根据该选项数量选择不同的选项展示方式。也就是，以更合适的方式显示不同数量选项。

其中，在本步骤中获取选项数量的方式多种多样，可以采用现有技术提供的任意一种选项数量获取方式，也可以采用以下的方式方式获取选项数量。

具体的，本步骤中获取选项数量的方式可以包括：

当接收到选框展开指令时，对选框的网页元素进行选项元素筛选，得到多个选项元素；

对多个选项元素进行计数，得到选项数量。

可见，本可选方案中主要是对网页中的网页元素进行分析，得到对应的选项元素，进一步的根据所有选项元素计算出对应的选项数量。

可以想到的是，本步骤中还可以通过对网页资源结构进行分析，得到对应的选项数量。

s102，判断选项数量是否大于预设数量；若是，则执行s103；若否，则执行s104；

在s101基础上，本步骤旨在判断选项数量是否大于预设数量。其中，预设数量就是在该选框中放置选项的最佳数量。当该选框展开时既不会影响正常页面的展示，也不会导致页面失去控制。因此，本步骤中通过判断的方式确定该选框中的选项的数量是否超出页面的最佳选项数量。

可选的，本步骤中的预设数量的获取方式可以是多种多样的。例如，预设数量可以是根据页面大小确定的，也可以是根据页面中默认设置的预设数量，还可以是直接获取用户设置的选项显示数量。

因此，本步骤判断选项数量的方式可以包括：

从用户设置信息中获取用户设置的选项显示数量，将选项显示数量作为预设数量；判断选项数量是否大于预设数量。

s103，将选框设置为滚动选框，并展示预设数量个选项；

在s102的基础上，本步骤旨在当选项数量大于预设数量后，将选框设置为滚动选框，并在该滚动选框内展示出预设数量个选项。也就是，无论选项数量是多少都是在该滚动滚动选框中显示预设数量个选项，该选框的大小就不会因为过多的选项而变大。

s104，在选框中展示所有选项。

在s102的基础上，本步骤旨在当选项数量小于预设数量时，也就是选框中的选项不会超出选框规定的大小时，直接显示该选框中的所有选项。

可选的，本实施例还可以包括：

当接收到选定指令时，按照预设路径发送确认消息以便接收到确认指令。

本可选方案中，也就是在选定选项之后再次进行确认。其中确定的方式可以是根据确认指令向用户发送弹窗的形式进行确认。以便提醒用户再次进行确认，避免出现选项选错的情况。

在上一可选方案的基础上，本实施例还可以包括：

将选定指令对应的选项移动至选框的第一位。

可见，本可选方案中主要是将被选择的选项移动至选框的第一位进行展示。以便将该选项进行突出显示。

综上，本实施例通过当在页面中接收到选框展开指令时，首先获取到选框中的选项数量，然后根据选项数量确定以何种方式对所有的选项进行展示，也就是，判断选项数量是否大于预设数量，当选项数量大于预设数量时，以滚动选框的形式展示预设数量个的选项，使得当存在较多选项时滚动展示所有选项，避免选框高度过高影响页面的高度控制，当选项数量小于预设数量时，直接展示所有选项保持不占用更多的页面空间，提高使用页面时的使用体验。

以下通过另一具体的实施例，对本申请提供的一种网页选框的选项展示方法做进一步说明。

本实施例中，将网页选框的选项展示方法应用在网页中对地址选择的过程中。本实施例中，为了展示方便将最多显示5个地址信息。

因此，该方法可以包括：

步骤1，用户点击“展开其他地址”按钮，向下展开其他地址，最多5行，超出5条则在地址区域内，滚动查看更多选项信息；

步骤2，点击任意地址行，切换新地址，弹窗确认；

步骤3，点击确认后选中地址移到首行，此时若无需继续切换地址则可点击收起其他地址，缩小页面高度空间。

其中，步骤1可以包括：当接收到选框展开指令时，获取选框的选项数量；判断选项数量是否大于预设数量；若是，则将选框设置为滚动选框，并展示预设数量个选项；若否，则在选框中展示所有选项。

可见，本实施例通过当在页面中接收到选框展开指令时，首先获取到选框中的选项数量，然后根据选项数量确定以何种方式对所有的选项进行展示，也就是，判断选项数量是否大于预设数量，当选项数量大于预设数量时，以滚动选框的形式展示预设数量个的选项，使得当存在较多选项时滚动展示所有选项，避免选框高度过高影响页面的高度控制，当选项数量小于预设数量时，直接展示所有选项保持不占用更多的页面空间，提高使用页面时的使用体验。

下面对本申请实施例提供的一种网页选框的选项展示装置进行介绍，下文描述的一种网页选框的选项展示装置与上文描述的一种网页选框的选项展示方法可相互对应参照。

请参考图2，图2为本申请实施例所提供的一种网页选框的选项展示装置的结构示意图。

本实施例中，该装置可以包括：

选项数量获取模块100，用于当接收到选框展开指令时，获取选框的选项数量；

选项数量判断模块200，用于判断选项数量是否大于预设数量；

第一展示模块300，用于当选项数量大于预设数量时，将选框设置为滚动选框，并展示预设数量个选项；

第二展示模块400，用于当选项数量不大于预设数量时，在选框中展示所有选项。

可选的，该选项数量获取模块100，可以包括：

元素筛选单元，用于当接收到选框展开指令时，对选框的网页元素进行选项元素筛选，得到多个选项元素；

元素计数单元，用于对多个选项元素进行计数，得到选项数量。

可选的，该选项数量判断模块200，可以包括：

用于设置获取单元，用于从用户设置信息中获取用户设置的选项显示数量，将选项显示数量作为预设数量；

判断单元，用于判断选项数量是否大于预设数量。

本申请实施例还提供一种服务器，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如以上实施例所述的选项展示方法的步骤。

本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如以上实施例所述的选项展示方法的步骤。

该计算机可读存储介质可以包括：u盘、移动硬盘、只读存储器(read-onlymemory，rom)、随机存取存储器(randomaccessmemory，ram)、磁碟或者光盘等各种可以存储程序代码的介质。

说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(ram)、内存、只读存储器(rom)、电可编程rom、电可擦除可编程rom、寄存器、硬盘、可移动磁盘、cd-rom、或技术领域内所公知的任意其它形式的存储介质中。

以上对本申请所提供的一种网页选框的选项展示方法、选项展示装置、服务器以及计算机可读存储介质进行了详细介绍。本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想。应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以对本申请进行若干改进和修饰，这些改进和修饰也落入本申请权利要求的保护范围内。