一种下拉框内容插入方法与系统的制作方法
【技术领域】
[0001]本发明涉及网页技术领域，特别是涉及一种下拉框内容插入方法与系统。
【背景技术】
[0002]现有技术在网页上输入内容时可以通过下拉框选择内容插入，有的可在下拉框出现的内容中搜索定位到需要输入的内容，再将该内容点选插入到对应的内容行中，还可以在下拉框中选中多条数据，如使用插件Select2，但是下拉框选中的多条数据还是只能插入至当前内容行中，不能支持在下拉框中选择多条数据分别插入到不同的内容行中，下拉框内容插入效率较低。
【发明内容】
[0003]有鉴于此，本发明的主要目的在于提供一种输入框内容插入方法与系统，可以批量选择数据插入不同内容行中。
[0004]为实现上述目的，本发明提供了一种输入框内容插入方法，包括:
[0005]响应输入框点选指令，确定点选的各输入框为目标输入框；
[0006]响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；
[0007]响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；
[0008]响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。
[0009]优选地，对各所述内容主题分别对应的备选内容项以弹出框形式进行显示后还包括:
[0010]响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示。
[0011]优选地，对各所述内容主题分别对应的备选内容项以弹出框形式进行显示后还包括:
[0012]响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。
[0013]优选地，所述输入框内容插入方法，还包括:
[0014]响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示。
[0015]优选地，响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示后还包括:
[0016]响应在所述下拉框中，对内容主题对应的备选内容项中的目标内容项的点击指令，将内容主题的内容选择为对应的所点击的目标内容项；
[0017]响应下拉框内容确认指令，将下拉框中所述目标内容项插入对应的各目标输入框中。
[0018]优选地，所述输入框内容插入方法，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中后还包括:
[0019]响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项。
[0020]优选地，所述输入框内容插入方法，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中后还包括:
[0021 ]响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。
[0022]本发明还提供了一种输入框内容插入系统，其特征在于，包括:
[0023]输入框确定模块，用于响应输入框点选指令，确定点选的各输入框为目标输入框；
[0024]弹出框显示模块，用于响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；
[0025]内容项选择模块，用于响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；
[0026]内容项插入模块，用于响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。
[0027]优选地，所述输入框内容插入系统还包括:
[0028]分页加载模块，用于响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示。
[0029 ]优选地，所述输入框内容插入系统还包括:
[0030]搜索模块，用于响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。
[0031]优选地，所述输入框内容插入系统还包括:
[0032]删除模块，用于响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项。
[0033]优选地，所述输入框内容插入系统还包括:
[0034]清空模块，用于响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除。
[0035]应用本发明提供的一种输入框内容插入方法与系统，响应输入框点选指令，确定点选的各输入框为目标输入框，响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示，响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项，响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中，可以将多个输入框的备选内容同时以弹出框形式显示，批量进行选择，将每个输入框的备选内容可选择多个，同时插入输入框，高效地进行输入框内容的插入。
【附图说明】
[0036]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
[0037]图1为本发明一种输入框内容插入方法实施例一的流程图；
[0038]图2为本发明一种输入框内容插入方法实施例二的原理示意图；
[0039]图3为本发明一种输入框内容插入系统实施例三的结构示意图。
【具体实施方式】
[0040]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0041]实施例一:
[0042]本发明提供了一种输入框内容插入方法，图1示出了本发明输入框内容插入方法实施例一的流程图，包括:
[0043]步骤SlOl:响应输入框点选指令，确定点选的各输入框为目标输入框；
[0044]单个输入框可通过点击下拉框中内容进行输入，当需要对多个输入框的内容进行批量输入时，点选需要批量输入的目标输入框。
[0045]步骤S102:响应弹出框点击指令，分别获取各目标输入框对应的内容主题，对各所述内容主题分别对应的备选内容项在同一弹出框中进行显示；
[0046]当选择好需要批量输入的目标输入框之后，点击弹出框，获取各目标输入框对应的内容主题，如选择了两个目标输入框，两目标输入框的主题分别为性别与兴趣领域，则这两个内容主题分别对应的备选内容项同时在这个弹出框中进行显示，性别的备选内容项有男性和女性，兴趣领域的备选内容项如文学、音乐和美食等。
[0047]若备选内容项过多单页无法全部显示则可以分页显示，响应对所述弹出框中的下拉条的拖动指令，对各所述内容主题分别对应的备选内容项进行分页加载显示;也可以直接在该内容主题的备选内容项中搜索想要的目标内容项，响应对目标内容主题中的搜索内容项的搜索指令，在所述目标内容主题对应的备选内容项中判断是否有所述搜索内容项，如果是，则将所述搜索内容项作为所述目标内容主题的目标内容项进行显示。
[0048]步骤S103:响应在所述弹出框中，对各内容主题对应的备选内容项中的目标内容项的点击指令，分别将各内容主题的内容选择为对应的所点击的各目标内容项；
[0049]从各内容主题的备选内容项中选择目标内容项，可以选择单个目标内容项或多个目标内容项，如喜欢音乐和文学的女性用户选择性别为女性，兴趣领域选择为音乐和文学。
[0050]步骤S104:响应弹出框内容确认指令，分别将弹出框中所述各目标内容项插入对应的各目标输入框中。
[0051]当所有内容主题均选好目标内容项后，确认选择，则选好的目标内容项插入到对应的输入框中，完成输入框内容的批量插入。
[0052]在完成输入框内容的批量插入后，若发现输入有误，如误选插入，可对输入框中的单个备选内容项进行删除，响应目标输入框中插入的各目标内容项中指定目标内容项的删除指令，在所述目标输入框中删除所述指定目标内容项，实现方式如在插入到输入框中的各目标内容项后带有叉号，用于删除对应的目标内容项;若输入框中插入了多个目标内容项，均需要删除，逐个删除效率较低，可直接清空该输入框中的内容，响应目标输入框中的内容清空指令，将所述目标输入框中插入的所有目标内容项进行删除，实现方式如为输入框设置清空图标，点击即可清空该输入框插入的所有内容。
[0053]本实施例中，若多单个输入框进行内容插入，直接点击输入框，内容以下拉框形式显示，响应输入框点击指令，获取点击的输入框对应的主题内容，对点击的输入框对应的主题内容对应的备选内容以下拉框形式进行显示；响应在所述下拉框中，对内容主题对应的备选内容项中的目标内容项的点击指令，将内容主题的内容选择为对应的所点击的目标内容项;响应下拉框内容确认指令，将下拉框中所述目标内容项插入对应的各目标输入框中。
[0054]应用本实施例提供的一种输入框内容插入方法，响应输入框点选指令，确定点选的各输入框为目标输入框，响应弹出框点击指令，分别获取