CN105607803A - 一种下拉框内容插入方法与系统 - Google Patents

Abstract

本发明公开了一种输入框内容插入方法与系统，响应输入框点选指令，确定点选的各输入框为目标输入框，响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示，响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中，可以将多个输入框的备选内容同时以弹出框形式显示，批量进行选择，将每个输入框的备选内容可选择多个，同时插入输入框，高效地进行输入框内容的插入。

Description

一种下拉框内容插入方法与系统

技术领域

本发明涉及网页技术领域，特别是涉及一种下拉框内容插入方法与系统。

背景技术

现有技术在网页上输入内容时可以通过下拉框选择内容插入，有的可在下拉框出现的内容中搜索定位到需要输入的内容，再将该内容点选插入到对应的内容行中，还可以在下拉框中选中多条数据，如使用插件Select2，但是下拉框选中的多条数据还是只能插入至当前内容行中，不能支持在下拉框中选择多条数据分别插入到不同的内容行中，下拉框内容插入效率较低。

发明内容

有鉴于此，本发明的主要目的在于提供一种输入框内容插入方法与系统，可以批量选择数据插入不同内容行中。

为实现上述目的，本发明提供了一种输入框内容插入方法，包括：

响应输入框点选指令，确定点选的各输入框为目标输入框；

响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；

响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；

响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。

优选地，对各所述内容主题分别对应的备选内容项以弹出框形式进行显示后还包括：

响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示。

优选地，对各所述内容主题分别对应的备选内容项以弹出框形式进行显示后还包括：

响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。

优选地，所述输入框内容插入方法，还包括：

响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示。

优选地，响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示后还包括：

响应在所述下拉框中，对内容主题对应的备选内容项中的目标内容项的点击指令，将内容主题的内容选择为对应的所点击的目标内容项；

响应下拉框内容确认指令，将下拉框中所述目标内容项插入对应的各目标输入框中。

优选地，所述输入框内容插入方法，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中后还包括：

响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项。

优选地，所述输入框内容插入方法，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中后还包括：

响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。

本发明还提供了一种输入框内容插入系统，其特征在于，包括：

输入框确定模块，用于响应输入框点选指令，确定点选的各输入框为目标输入框；

弹出框显示模块，用于响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；

内容项选择模块，用于响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；

内容项插入模块，用于响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。

优选地，所述输入框内容插入系统还包括：

分页加载模块，用于响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示。

优选地，所述输入框内容插入系统还包括：

搜索模块，用于响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。

优选地，所述输入框内容插入系统还包括：

删除模块，用于响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项。

优选地，所述输入框内容插入系统还包括：

清空模块，用于响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。

应用本发明提供的一种输入框内容插入方法与系统，响应输入框点选指令，确定点选的各输入框为目标输入框，响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示，响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中，可以将多个输入框的备选内容同时以弹出框形式显示，批量进行选择，将每个输入框的备选内容可选择多个，同时插入输入框，高效地进行输入框内容的插入。

附图说明

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

图1为本发明一种输入框内容插入方法实施例一的流程图；

图2为本发明一种输入框内容插入方法实施例二的原理示意图；

图3为本发明一种输入框内容插入系统实施例三的结构示意图。

具体实施方式

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

实施例一：

本发明提供了一种输入框内容插入方法，图1示出了本发明输入框内容插入方法实施例一的流程图，包括：

步骤S101：响应输入框点选指令，确定点选的各输入框为目标输入框；

单个输入框可通过点击下拉框中内容进行输入，当需要对多个输入框的内容进行批量输入时，点选需要批量输入的目标输入框。

步骤S102：响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；

当选择好需要批量输入的目标输入框之后，点击弹出框，获取各目标输入框对应的内容主题，如选择了两个目标输入框，两目标输入框的主题分别为性别与兴趣领域，则这两个内容主题分别对应的备选内容项同时在这个弹出框中进行显示，性别的备选内容项有男性和女性，兴趣领域的备选内容项如文学、音乐和美食等。

若备选内容项过多单页无法全部显示则可以分页显示，响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示；也可以直接在该内容主题的备选内容项中搜索想要的目标内容项，响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。

步骤S103：响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；

从各内容主题的备选内容项中选择目标内容项，可以选择单个目标内容项或多个目标内容项，如喜欢音乐和文学的女性用户选择性别为女性，兴趣领域选择为音乐和文学。

步骤S104：响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。

当所有内容主题均选好目标内容项后，确认选择，则选好的目标内容项插入到对应的输入框中，完成输入框内容的批量插入。

在完成输入框内容的批量插入后，若发现输入有误，如误选插入，可对输入框中的单个备选内容项进行删除，响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项，实现方式如在插入到输入框中的各目标内容项后带有叉号，用于删除对应的目标内容项；若输入框中插入了多个目标内容项，均需要删除，逐个删除效率较低，可直接清空该输入框中的内容，响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除，实现方式如为输入框设置清空图标，点击即可清空该输入框插入的所有内容。

本实施例中，若多单个输入框进行内容插入，直接点击输入框，内容以下拉框形式显示，响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示；响应在所述下拉框中，对内容主题对应的备选内容项中的目标内容项的点击指令，将内容主题的内容选择为对应的所点击的目标内容项；响应下拉框内容确认指令，将下拉框中所述目标内容项插入对应的各目标输入框中。

应用本实施例提供的一种输入框内容插入方法，响应输入框点选指令，确定点选的各输入框为目标输入框，响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示，响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中，可以将多个输入框的备选内容同时以弹出框形式显示，批量进行选择，将每个输入框的备选内容可选择多个，同时插入输入框，高效地进行输入框内容的插入。

实施例二：

图2为本发明输入框内容插入方法实施例二的实施方式的原理示意图，如图2所示，当用户点击输入框时，判断是否点击了输入框内的“弹出图标”，有如下处理逻辑：

未点击到“弹出图标”，输入框出现下拉框，下拉框支持分批加载数据，往下划可以逐批加载数据，也可以在下拉框内中搜索数据，选中数据返回到当前行；点击到“弹出图标”，下拉框会隐藏，显示弹出框，在弹出框中可以支持多条数据选中返回插入数据；上述选择后，输入框会出现“×”图标，点击这个图标，可以清空当前或者所在行的数据。

本实施例的输入框内容插入方法，提升了性能，无论是下拉框加载数据还是弹出框加载数据，都是支持分批加载的；弹出框支持多种查询，快速定位所要的数据，进行插入显示；支持多条记录返回插入，提高操作效率；即使出现误选插入，也可以点击进行快速清空。

实施例三：

本发明还提供了一种输入框内容插入系统，图3示出了本发明输入框内容插入系统实施例三的结构示意图，包括：

输入框确定模块101，用于响应输入框点选指令，确定点选的各输入框为目标输入框；

弹出框显示模块102，用于响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；

内容项选择模块103，用于响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；

内容项插入模块104，用于响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。

应用本实施例提供的一种输入框内容插入系统，响应输入框点选指令，确定点选的各输入框为目标输入框，响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示，响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中，可以将多个输入框的备选内容同时以弹出框形式显示，批量进行选择，将每个输入框的备选内容可选择多个，同时插入输入框，高效地进行输入框内容的插入。

实施例四：

本发明输入框内容插入系统另一实施例的结构示意图，对应于实施例三，还可包括：

分页加载模块，用于响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示；

搜索模块，用于响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示；

删除模块，用于响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项；

清空模块，用于响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。

本实施例可以实现备选内容较多的内容主题的分页加载，可在内容主题中搜索目标内容项进行定位，已经插入输入框中的内容中可以快速删除单条内容，或快速清空所有内容。

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

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

以上对本发明所提供的方法和系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (12)

1.一种输入框内容插入方法，其特征在于，包括：

响应输入框点选指令，确定点选的各输入框为目标输入框；

响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；

响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；

响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。

2.根据权利要求1所述的输入框内容插入方法，其特征在于，对各所述内容主题分别对应的备选内容项以弹出框形式进行显示后还包括：

响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示。

3.根据权利要求1所述的输入框内容插入方法，其特征在于，对各所述内容主题分别对应的备选内容项以弹出框形式进行显示后还包括：

响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。

4.根据权利要求1所述的输入框内容插入方法，其特征在于，还包括：

响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示。

5.根据权利要求4所述的输入框内容插入方法，其特征在于，响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示后还包括：

响应在所述下拉框中，对内容主题对应的备选内容项中的目标内容项的点击指令，将内容主题的内容选择为对应的所点击的目标内容项；

响应下拉框内容确认指令，将下拉框中所述目标内容项插入对应的各目标输入框中。

6.根据权利要求1所述的输入框内容插入方法，其特征在于，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中后还包括：

响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项。

7.根据权利要求1所述的输入框内容插入方法，其特征在于，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中后还包括：

响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。

8.一种输入框内容插入系统，其特征在于，包括：

输入框确定模块，用于响应输入框点选指令，确定点选的各输入框为目标输入框；

弹出框显示模块，用于响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；

内容项选择模块，用于响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；

内容项插入模块，用于响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。

9.根据权利要求8所述的输入框内容插入系统，其特征在于，还包括：

分页加载模块，用于响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示。

10.根据权利要求8所述的输入框内容插入系统，其特征在于，还包括：

搜索模块，用于响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。

11.根据权利要求8所述的输入框内容插入系统，其特征在于，还包括：

删除模块，用于响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项。

12.根据权利要求8所述的输入框内容插入系统，其特征在于，还包括：

清空模块，用于响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。