Pull-down option selection method and device, electronic equipment and computer program product

Abstract

The invention discloses a pull-down option selection method and device, electronic equipment and a computer program product. The method comprises the steps that a trigger instruction of a pull-down selection box in an interactive interface is detected, and the trigger instruction is used for instructing to unfold at least one pull-down option in the pull-down selection box; in response to the trigger instruction, generating a pop-up window of the pull-down selection box, the pop-up window being used for displaying at least one pull-down option; a selection instruction is received through the pop-up window, and the selection instruction is used for indicating that a target option is selected from at least one pull-down option displayed in the pop-up window; and in response to the selection instruction, selecting the target option. The technical problem that a traditional pull-down selection box is poor in expandability is solved.

Description

Technical Field

[0001] The present invention relates to the field of computers, and in particular to a method, device, electronic device and computer program product for selecting a drop-down option. Background Art

[0002] In current Web applications, drop-down selection boxes are a common user interaction element. However, due to the old version of angular1X, many open source components cannot be used directly. Traditional drop-down selection boxes have certain limitations and cannot meet diverse business needs. For example, when the amount of data is large, the options are complex, or dynamic configuration is required, the performance of traditional drop-down selection boxes is unsatisfactory.

[0003] Currently, no effective solution has been proposed to solve the problem of poor scalability of the above-mentioned traditional drop-down selection box. Summary of the invention

[0004] The embodiments of the present invention provide a method, device, electronic device and computer program product for selecting a drop-down option, so as to at least solve the technical problem of poor scalability of a traditional drop-down selection box.

[0005] According to one aspect of an embodiment of the present invention, a method for selecting a drop-down option is provided, comprising: detecting a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; generating a pop-up window of the drop-down selection box in response to the trigger instruction, wherein the pop-up window is used to display at least one of the drop-down options; receiving a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one of the drop-down options displayed in the pop-up window; and selecting the target option in response to the selection instruction.

[0006] Optionally, in response to the trigger instruction, generating a pop-up window of the drop-down selection box includes: in response to the trigger instruction, determining a unique target box identifier of the drop-down selection box; selecting the preset window identifier corresponding to the target box identifier as the target window identifier from a plurality of preset window identifiers recorded in a preset pop-up window set, wherein the preset pop-up window set is used to record the correspondence between each preset window identifier and a preset box identifier, and each preset window identifier corresponds to a unique pop-up window; and popping up a pop-up window corresponding to the target window identifier.

[0007] Optionally, before the pop-up window corresponding to the target window identifier pops up, the method further includes: obtaining a configuration file of the drop-down selection box, wherein the configuration file is used to define at least one of the drop-down options corresponding to the drop-down selection box; and configuring at least one of the drop-down options for the pop-up window of the drop-down selection box according to the configuration file.

[0008] Optionally, before the pop-up window corresponding to the target window identifier pops up, the method also includes: calling a configuration interface of the drop-down selection box, wherein the configuration interface is used to define at least one of the drop-down options corresponding to the drop-down selection box; and configuring at least one of the drop-down options for the pop-up window of the drop-down selection box according to the definition of the configuration interface.

[0009] Optionally, the method further includes: defining configuration information of the drop-down selection box, wherein the configuration information includes at least: a data source, a display format and a sorting rule for each drop-down option; and configuring at least one drop-down option in the pop-up window according to the configuration information.

[0010] Optionally, after generating a pop-up window of the drop-down selection box in response to the trigger instruction, the method further includes: receiving a search instruction through a search bar in the pop-up window, wherein the search instruction carries a search term for selecting the drop-down option; selecting at least one drop-down option corresponding to the search term as a candidate option from a plurality of the drop-down options recorded in a preset drop-down option set, wherein the preset drop-down option set is used to record at least one keyword corresponding to each drop-down option, including the keyword of the search term corresponding to the candidate option; and displaying at least one of the candidate options in the pop-up window.

[0011] Optionally, after receiving a selection instruction through the pop-up window, the method further includes: determining a rendering effect indicated by the selection instruction in response to the selection instruction; and rendering the target option in the pop-up window according to the rendering effect.

[0012] According to another aspect of an embodiment of the present invention, a device for selecting a drop-down option is also provided, including: a detection module, used to detect a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; a generation module, used to generate a pop-up window of the drop-down selection box in response to the trigger instruction, wherein the pop-up window is used to display at least one of the drop-down options; a receiving module, used to receive a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one of the drop-down options displayed in the pop-up window; and a determination module, used to select the target option in response to the selection instruction.

[0013] According to another aspect of an embodiment of the present invention, there is further provided an electronic device, including a memory and a processor, wherein the memory stores a computer program, and the processor is configured to execute the above-mentioned method for selecting a drop-down option through the computer program.

[0014] According to another aspect of an embodiment of the present invention, a computer program product is provided, including computer instructions, which implement the steps of the above-mentioned method for selecting a drop-down option when executed by a processor.

[0015] In an embodiment of the present invention, a trigger instruction of a drop-down selection box in an interactive interface is detected, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; in response to the trigger instruction, a pop-up window of the drop-down selection box is generated, wherein the pop-up window is used to display at least one drop-down option; a selection instruction is received through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; in response to the selection instruction, the target option is selected, and the drop-down options of the drop-down selection box are displayed through the pop-up window, so that more drop-down options can be displayed, thereby realizing flexible expansion of the drop-down selection box, thereby achieving the technical effect of improving the scalability of the drop-down selection box, and further solving the technical problem of poor scalability of traditional drop-down selection boxes. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] The drawings described herein are used to provide a further understanding of the present invention and constitute a part of this application. The exemplary embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute an improper limitation of the present invention. In the drawings:

[0017] Figure 1 is a flow chart of a method for selecting a drop-down option according to an embodiment of the present invention;

[0018] Figure 2 It is a schematic diagram of implementing a configurable selection pop-up box based on an angular framework according to an embodiment of the present invention;

[0019] Figure 3 is a schematic diagram of a device for selecting a drop-down option according to an embodiment of the present invention;

[0020] Figure 4 It is a structural block diagram of a computer terminal according to an embodiment of the present invention. DETAILED DESCRIPTION

[0021] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0022] It should be noted that the terms "first", "second", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units that are clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0023] First, some nouns or terms that appear in the description of the embodiments of the present application are subject to the following explanations:

[0024] Angular: is an open source JavaScript framework for building web applications and is widely used to develop modern, high-performance single-page applications (SPA).

[0025] Configurable selection pop-up window: A selection pop-up window that implements custom functions and styles by configuring related parameters and settings.

[0026] According to an embodiment of the present invention, an embodiment of a method for selecting a drop-down option is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0027] Figure 1is a flow chart of a method for selecting a drop-down option according to an embodiment of the present invention. Figure 1 As shown, the method comprises the following steps:

[0028] Step S102, detecting a trigger instruction of a drop-down selection box in the interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box;

[0029] Step S104, generating a pop-up window of a drop-down selection box in response to the trigger instruction, wherein the pop-up window is used to display at least one drop-down option;

[0030] Step S106, receiving a selection instruction through a pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window;

[0031] Step S108, in response to the selection instruction, selecting the target option.

[0032] In an embodiment of the present invention, a trigger instruction of a drop-down selection box in an interactive interface is detected, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; in response to the trigger instruction, a pop-up window of the drop-down selection box is generated, wherein the pop-up window is used to display at least one drop-down option; a selection instruction is received through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; in response to the selection instruction, the target option is selected, and the drop-down options of the drop-down selection box are displayed through the pop-up window, so that more drop-down options can be displayed, thereby realizing flexible expansion of the drop-down selection box, thereby achieving the technical effect of improving the scalability of the drop-down selection box, and further solving the technical problem of poor scalability of traditional drop-down selection boxes.

[0033] In the above step S102, the trigger instruction can be triggered by a mouse click operation or a keyboard enter typing operation, acting on the operation area of ​​the drop-down selection box, such as the operation area can receive an interactive component for indicating the expansion of a pop-up window.

[0034] In the above step S104, a pop-up window may be displayed in the interactive interface.

[0035] In the above step S104, the pop-up window may be displayed at a position different from the drop-down selection box.

[0036] In the above step S104, the pop-up window may be displayed in the central area of ​​the interactive interface.

[0037] In the above step S104, the size of the pop-up window can be determined according to the number of drop-down options.

[0038] In the above step S106, the selection instruction may be triggered by a single click of the mouse or by a keystroke of the keyboard.

[0039] In the above step S106, at least one drop-down option may be displayed in the pop-up window, and each drop-down option has a corresponding interactive component. When the interactive component receives a selection instruction, it is determined that the drop-down option corresponding to the interactive component is selected.

[0040] As an optional embodiment, in response to a trigger instruction, generating a pop-up window of a drop-down selection box includes: in response to the trigger instruction, determining a unique target box identifier for the drop-down selection box; selecting a preset window identifier corresponding to the target box identifier from multiple preset window identifiers recorded in a preset pop-up window set as the target window identifier, wherein the preset pop-up window set is used to record the correspondence between each preset window identifier and a preset box identifier, and each preset window identifier corresponds to a unique pop-up window; and popping up a pop-up window corresponding to the target window identifier.

[0041] In the above-mentioned embodiment of the present application, the preset pop-up window set is used to record the correspondence between the preset window identifier and the preset box identifier. Each drop-down selection box has a unique preset box identifier, and each pop-up window has a unique preset window identifier. When the drop-down selection box is triggered by a trigger instruction, the unique target box identifier of the triggered drop-down selection box can be obtained, and then the preset window identifier corresponding to the target box identifier is searched in the preset pop-up window set as the target window identifier, and then the pop-up window of the drop-down selection can be determined using the target window identifier and displayed.

[0042] As an optional embodiment, before the pop-up window corresponding to the pop-up target window identifier is popped up, the method also includes: obtaining a configuration file of the drop-down selection box, wherein the configuration file is used to define at least one drop-down option corresponding to the drop-down selection box; and configuring at least one drop-down option for the pop-up window of the drop-down selection box according to the configuration file.

[0043] In the above-mentioned embodiment of the present application, at least one drop-down option in the drop-down selection box can be configured by a configuration file. The configuration file predefines at least one drop-down option corresponding to the drop-down selection box. By obtaining the configuration file and running the configuration file, the pop-up window of the drop-down selection box can be configured with at least one drop-down option according to the definition of the configuration file, thereby realizing flexible configuration and expansion of the drop-down options.

[0044] As an optional embodiment, before the pop-up window corresponding to the pop-up target window identifier is popped up, the method also includes: calling the configuration interface of the drop-down selection box, wherein the configuration interface is used to define at least one drop-down option corresponding to the drop-down selection box; and configuring at least one drop-down option for the pop-up window of the drop-down selection box according to the definition of the configuration interface.

[0045] In the above-mentioned embodiment of the present application, at least one drop-down option in the drop-down selection box can be configured through a configuration interface. By calling the configuration interface in the drop-down selection box, the drop-down option configuration permission for the drop-down selection box can be obtained, and at least one drop-down option corresponding to the drop-down selection box can be further defined. Then, at least one drop-down option can be configured for the pop-up window of the drop-down selection box according to the definition of the configuration interface configuration, thereby realizing flexible configuration and expansion of the drop-down options.

[0046] As an optional embodiment, the method also includes: defining configuration information of the drop-down selection box, wherein the configuration information includes at least: a data source, a display format, and a sorting rule for each drop-down option; and configuring at least one drop-down option in a pop-up window according to the configuration information.

[0047] In the above-mentioned embodiment of the present application, the configuration of the drop-down selection box can be performed according to the configuration information defined in the configuration file or the configuration interface, and the configuration information at least defines the data source, display format and sorting rules of each drop-down option corresponding to the drop-down selection box. Then, according to the configuration information, at least one drop-down option can be obtained according to the defined data source, and the obtained at least one drop-down option can be displayed in a pop-up window according to the defined display format and sorting rules.

[0048] Optionally, the drop-down selection box can also configure the theme color and animation effects of the drop-down selection box, pop-up window, and drop-down options through a theme configuration module.

[0049] As an optional embodiment, after generating a pop-up window of a drop-down selection box in response to a trigger instruction, the method also includes: receiving a search instruction through a search bar in the pop-up window, wherein the search instruction carries a search term for selecting a drop-down option; selecting at least one drop-down option corresponding to the search term as a candidate option from a plurality of drop-down options recorded in a preset drop-down option set, wherein the preset drop-down option set is used to record at least one keyword corresponding to each drop-down option, including the correspondence between the keyword of the search term and the candidate option; and displaying at least one candidate option in the pop-up window.

[0050] In the above embodiment of the present application, the pop-up window is also provided with a search bar for interaction, and a search instruction can be generated by inputting a search term for selecting a drop-down option in the search bar, and then based on the search term carried in the search instruction, some drop-down options can be selected as candidate options from the multiple drop-down options in the drop-down selection box, and then, through the method in the above step S106, the pop-up window receives the selection instruction, and selects a target option from at least one selected candidate option, so that through the search bar and the search instruction, the selection range of the target option can be narrowed, and the selection efficiency of the target option can be improved.

[0051] It should be noted that the preset drop-down option set records at least one drop-down option in the drop-down selection box and a keyword corresponding to each drop-down option.

[0052] Optionally, the keyword may be the name of the drop-down option or the displayed text content.

[0053] Optionally, when the keyword is the same as the search term, or the keyword includes / covers the search term, it is indicated that the keyword matches the search term, and then the drop-down option corresponding to the keyword is determined as a candidate option.

[0054] Optionally, when the keywords of all drop-down options in the preset drop-down option set fail to match the search term, the content displayed in the pop-up window is blank, or a preset prompt message is displayed, which is used to remind that there is no drop-down option matching the search term in the pop-up window.

[0055] As an optional embodiment, after receiving the selection instruction through the pop-up window, the method further includes: determining the rendering effect indicated by the selection instruction in response to the selection instruction; and rendering the target option in the pop-up window according to the rendering effect.

[0056] In the above-mentioned embodiment of the present application, the rendering effect is used to render the target option selected by the selection instruction. When the target option is selected by the selection instruction, the target option can be highlighted according to the rendering effect, so that the selected target option can be displayed more intuitively.

[0057] The present invention also provides a preferred embodiment, which provides a method for implementing a configurable selection pop-up box based on an angular framework.

[0058] Figure 2 is a schematic diagram of implementing a configurable selection pop-up box based on an angular framework according to an embodiment of the present invention, such as Figure 2 As shown, including:

[0059] The data configuration module allows developers to define the data source, display format, sorting rules, etc. of the drop-down options through simple configuration files or interfaces.

[0060] The pop-up display module displays the drop-down options in the form of a pop-up window, providing a larger visual space and a clearer option layout.

[0061] The search and filtering module supports users to enter keywords for search, quickly filter out eligible options, and supports configuration based on alphabetical index queries.

[0062] The interactive response module responds to user operations in real time, such as mouse clicks, keyboard input, etc., and updates the interface status in a timely manner.

[0063] Theme configuration module, you can customize theme colors and animation effects according to attributes.

[0064] The configurable selection pop-up box based on the angular framework provided in this application has strong scalability, can improve development efficiency, enhance user experience, and can solve problems such as ugly selection box style, poor user experience, and inability to meet diverse business needs.

[0065] According to an embodiment of the present invention, a drop-down option selection device embodiment is also provided. It should be noted that the drop-down option selection device can be used to execute the drop-down option selection method in the embodiment of the present invention, and the drop-down option selection method in the embodiment of the present invention can be executed in the drop-down option selection device.

[0066] Figure 3 is a schematic diagram of a device for selecting a drop-down option according to an embodiment of the present invention. Figure 3 As shown, the device may include: a detection module 32, used to detect a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; a generation module 34, used to generate a pop-up window of the drop-down selection box in response to the trigger instruction, wherein the pop-up window is used to display at least one drop-down option; a receiving module 36, used to receive a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; and a determination module 38, used to select the target option in response to the selection instruction.

[0067] It should be noted that the detection module 32 in this embodiment can be used to execute step S102 in the embodiment of the present application, the generation module 34 in this embodiment can be used to execute step S104 in the embodiment of the present application, the receiving module 36 in this embodiment can be used to execute step S106 in the embodiment of the present application, and the determination module 38 in this embodiment can be used to execute step S108 in the embodiment of the present application. The examples and application scenarios implemented by the above modules and corresponding steps are the same, but are not limited to the contents disclosed in the above embodiments.

[0068] In an embodiment of the present invention, a trigger instruction of a drop-down selection box in an interactive interface is detected, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; in response to the trigger instruction, a pop-up window of the drop-down selection box is generated, wherein the pop-up window is used to display at least one drop-down option; a selection instruction is received through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; in response to the selection instruction, the target option is selected, and the drop-down options of the drop-down selection box are displayed through the pop-up window, so that more drop-down options can be displayed, thereby realizing flexible expansion of the drop-down selection box, thereby achieving the technical effect of improving the scalability of the drop-down selection box, and further solving the technical problem of poor scalability of traditional drop-down selection boxes.

[0069] As an optional embodiment, the generation module includes: a determination unit, used to determine a unique target box identifier of a drop-down selection box in response to a trigger instruction; a selection unit, used to select a preset window identifier corresponding to the target box identifier as the target window identifier from multiple preset window identifiers recorded in a preset pop-up window set, wherein the preset pop-up window set is used to record the correspondence between each preset window identifier and a preset box identifier, and each preset window identifier corresponds to a unique pop-up window; and a pop-up unit, used to pop up a pop-up window corresponding to the target window identifier.

[0070] As an optional embodiment, the device also includes: an acquisition unit, used to obtain a configuration file of the drop-down selection box before a pop-up window corresponding to the pop-up target window identifier is popped up, wherein the configuration file is used to define at least one drop-down option corresponding to the drop-down selection box; a first configuration unit, used to configure at least one drop-down option for the pop-up window of the drop-down selection box according to the configuration file.

[0071] As an optional embodiment, the device also includes: a calling unit, used to call the configuration interface of the drop-down selection box before the pop-up window corresponding to the pop-up target window identifier pops up, wherein the configuration interface is used to define at least one drop-down option corresponding to the drop-down selection box; a second configuration unit, used to configure at least one drop-down option for the pop-up window of the drop-down selection box according to the definition of the configuration interface.

[0072] As an optional embodiment, the device also includes: a definition subunit, used to define configuration information of the drop-down selection box, wherein the configuration information includes at least: a data source, display format and sorting rules for each drop-down option; and a configuration subunit, used to configure at least one drop-down option in a pop-up window according to the configuration information.

[0073] As an optional embodiment, the device also includes: a receiving submodule, which is used to receive a search instruction through a search bar in the pop-up window after generating a pop-up window of a drop-down selection box in response to a trigger instruction, wherein the search instruction carries a search term for selecting a drop-down option; a selecting submodule, which is used to select at least one drop-down option corresponding to the search term as a candidate option from a plurality of drop-down options recorded in a preset drop-down option set, wherein the preset drop-down option set is used to record at least one keyword corresponding to each drop-down option, including the correspondence between the keyword of the search term and the candidate option; and a display submodule, which is used to display at least one candidate option in the pop-up window.

[0074] As an optional embodiment, the device also includes: a determination submodule, which is used to determine the rendering effect indicated by the selection instruction in response to the selection instruction after receiving the selection instruction through the pop-up window; and a rendering submodule, which is used to render the target option in the pop-up window according to the rendering effect.

[0075] An embodiment of the present invention may provide an electronic device, which may be a computer terminal, and the computer terminal may be any computer terminal device in a computer terminal group. Optionally, in this embodiment, the computer terminal may also be replaced by a terminal device such as a mobile terminal.

[0076] Optionally, in this embodiment, the computer terminal may be located in at least one network device among a plurality of network devices of the computer network.

[0077] In this embodiment, the above-mentioned computer terminal can execute the program code of the following steps in the drop-down option selection method: detecting a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; in response to the trigger instruction, generating a pop-up window of the drop-down selection box, wherein the pop-up window is used to display at least one drop-down option; receiving a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; in response to the selection instruction, selecting the target option.

[0078] Figure 4 is a structural block diagram of a computer terminal according to an embodiment of the present invention. Figure 4 As shown, the computer terminal 40 may include: one or more (only one is shown in the figure) processors 42 and a memory 44 .

[0079] Among them, the memory can be used to store software programs and modules, such as the program instructions / modules corresponding to the method and device for selecting the drop-down options in the embodiment of the present invention. The processor executes various functional applications and data processing by running the software programs and modules stored in the memory, that is, the method for selecting the drop-down options described above is realized. The memory may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory may further include a memory remotely arranged relative to the processor, and these remote memories may be connected to the terminal 40 via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0080] The processor can call the information and application stored in the memory through the transmission device to perform the following steps: detect a trigger instruction of a drop-down selection box in the interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; in response to the trigger instruction, generate a pop-up window of the drop-down selection box, wherein the pop-up window is used to display at least one drop-down option; receive a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; in response to the selection instruction, select the target option.

[0081] Optionally, the processor may also execute program code of the following steps: in response to a trigger instruction, determine a unique target box identifier of the drop-down selection box; select a preset window identifier corresponding to the target box identifier from a plurality of preset window identifiers recorded in a preset pop-up window set as the target window identifier, wherein the preset pop-up window set is used to record the correspondence between each preset window identifier and a preset box identifier, and each preset window identifier corresponds to a unique pop-up window; and display a pop-up window corresponding to the target window identifier.

[0082] Optionally, the processor may also execute program code of the following steps: obtaining a configuration file of the drop-down selection box, wherein the configuration file is used to define at least one drop-down option corresponding to the drop-down selection box; and configuring at least one drop-down option for a pop-up window of the drop-down selection box according to the configuration file.

[0083] Optionally, the processor may also execute the following program code steps: calling the configuration interface of the drop-down selection box, wherein the configuration interface is used to define at least one drop-down option corresponding to the drop-down selection box; and configuring at least one drop-down option for the pop-up window of the drop-down selection box according to the definition of the configuration interface.

[0084] Optionally, the processor may also execute the following program code: define configuration information of the drop-down selection box, wherein the configuration information includes at least: the data source, display format and sorting rules of each drop-down option; and configure at least one drop-down option in a pop-up window according to the configuration information.

[0085] Optionally, the processor may also execute program code for the following steps: receiving a search instruction through a search bar in a pop-up window, wherein the search instruction carries a search term for selecting a drop-down option; selecting at least one drop-down option corresponding to the search term as a candidate option from a plurality of drop-down options recorded in a preset drop-down option set, wherein the preset drop-down option set is used to record at least one keyword corresponding to each drop-down option, including the correspondence between the keyword of the search term and the candidate option; and displaying at least one candidate option in the pop-up window.

[0086] Optionally, the processor may also execute program codes of the following steps: in response to a selection instruction, determining a rendering effect indicated by the selection instruction; and rendering a target option in a pop-up window according to the rendering effect.

[0087] It can be understood by those skilled in the art that Figure 4 The structure shown is for illustration only, and the computer terminal may also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, a handheld computer, a mobile Internet device (Mobile Internet Devices, MID), a PAD, or other terminal devices. Figure 4 The structure of the electronic device is not limited. For example, the computer terminal 40 may also include Figure 4 More or fewer components (such as network interfaces, display devices, etc.) shown in, or having Figure 4 Different configurations are shown.

[0088] A person of ordinary skill in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructing the hardware related to the terminal device through a computer program. The computer program can be stored in a non-volatile medium. The non-volatile storage medium may include: a flash drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0089] The embodiment of the present invention further provides a non-volatile storage medium. Optionally, in this embodiment, the non-volatile storage medium can be used to store the program code executed by the method for selecting a drop-down option provided by the embodiment.

[0090] Optionally, in this embodiment, the non-volatile storage medium may be located in any computer terminal in a computer terminal group in a computer network, or in any mobile terminal in a mobile terminal group.

[0091] Optionally, in this embodiment, the non-volatile storage medium is configured to store program code for executing the following steps: detecting a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; in response to the trigger instruction, generating a pop-up window of the drop-down selection box, wherein the pop-up window is used to display at least one drop-down option; receiving a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one drop-down option displayed in the pop-up window; and in response to the selection instruction, selecting the target option.

[0092] Optionally, in this embodiment, the non-volatile storage medium is configured to store program code for executing the following steps: in response to a trigger instruction, determining a unique target box identifier of the drop-down selection box; selecting a preset window identifier corresponding to the target box identifier from multiple preset window identifiers recorded in a preset pop-up window set as the target window identifier, wherein the preset pop-up window set is used to record the correspondence between each preset window identifier and a preset box identifier, and each preset window identifier corresponds to a unique pop-up window; and displaying a pop-up window corresponding to the target window identifier.

[0093] Optionally, in this embodiment, the non-volatile storage medium is configured to store program code for executing the following steps: obtaining a configuration file of the drop-down selection box, wherein the configuration file is used to define at least one drop-down option corresponding to the drop-down selection box; and configuring at least one drop-down option for a pop-up window of the drop-down selection box according to the configuration file.

[0094] Optionally, in this embodiment, the non-volatile storage medium is configured to store program code for performing the following steps: calling a configuration interface of the drop-down selection box, wherein the configuration interface is used to define at least one drop-down option corresponding to the drop-down selection box; and configuring at least one drop-down option for a pop-up window of the drop-down selection box according to the definition of the configuration interface.

[0095] Optionally, in this embodiment, the non-volatile storage medium is configured to store program code for performing the following steps: defining configuration information of the drop-down selection box, wherein the configuration information includes at least: a data source, a display format, and a sorting rule for each drop-down option; and configuring at least one drop-down option in a pop-up window according to the configuration information.

[0096] Optionally, in this embodiment, the non-volatile storage medium is configured to store program code for performing the following steps: receiving a search instruction through a search bar in a pop-up window, wherein the search instruction carries a search term for selecting a drop-down option; selecting at least one drop-down option corresponding to the search term as a candidate option from multiple drop-down options recorded in a preset drop-down option set, wherein the preset drop-down option set is used to record at least one keyword corresponding to each drop-down option, including the correspondence between the keyword of the search term and the candidate option; and displaying at least one candidate option in the pop-up window.

[0097] Optionally, in this embodiment, the non-volatile storage medium is configured to store program codes for executing the following steps: in response to a selection instruction, determining a rendering effect indicated by the selection instruction; and in a pop-up window, rendering a target option according to the rendering effect.

[0098] An embodiment of the present invention further provides a computer program product, including a computer program. Optionally, in this embodiment, when the computer program is executed by a processor, the steps of the method for selecting a drop-down option provided in the above embodiment are implemented. The serial numbers of the above embodiments of the present invention are only for description and do not represent the advantages and disadvantages of the embodiments.

[0099] In the above embodiments of the present invention, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0100] In the several embodiments provided in this application, it should be understood that the disclosed technical content can be implemented in other ways. Among them, the device embodiments described above are only schematic. For example, the division of the units can be a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.

[0101] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple units. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0102] In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0103] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a non-volatile storage medium. Based on this understanding, the technical solution of the present invention, in essence, or the part that contributes to the prior art, or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a non-volatile storage medium, including several instructions for a computer device (which can be a personal computer, server or network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned non-volatile storage medium includes: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, magnetic disk or optical disk and other media that can store program codes.

[0104] The above is only a preferred embodiment of the present invention. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principle of the present invention. These improvements and modifications should also be regarded as the scope of protection of the present invention.

Claims

1. A method for selecting a drop-down option, characterized in that: include: Detecting a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; In response to the trigger instruction, generating a pop-up window of the drop-down selection box, wherein the pop-up window is used to display at least one of the drop-down options; Receiving a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one of the drop-down options displayed in the pop-up window; In response to the selection instruction, the target option is selected.

2. The method according to claim 1, characterized in that In response to the trigger instruction, generating a pop-up window of the drop-down selection box includes: In response to the trigger instruction, determining a unique target box identifier of the drop-down selection box; Among the multiple preset window identifiers recorded in the preset pop-up window set, the preset window identifier corresponding to the target frame identifier is selected as the target window identifier, wherein the preset pop-up window set is used to record the corresponding relationship between each preset window identifier and the preset frame identifier, and each preset window identifier corresponds to a unique pop-up window; A pop-up window corresponding to the target window identifier is popped up.

3. The method according to claim 2, characterized in that Before popping up a pop-up window corresponding to the target window identifier, the method further includes: Acquire a configuration file of the drop-down selection box, wherein the configuration file is used to define at least one drop-down option corresponding to the drop-down selection box; According to the configuration file, at least one of the drop-down options is configured for the pop-up window of the drop-down selection box.

4. The method according to claim 2, characterized in that: Before popping up a pop-up window corresponding to the target window identifier, the method further includes: Calling a configuration interface of the drop-down selection box, wherein the configuration interface is used to define at least one drop-down option corresponding to the drop-down selection box; According to the definition of the configuration interface, at least one of the drop-down options is configured for the pop-up window of the drop-down selection box.

5. The method according to claim 3 or 4, characterized in that: The method further comprises: Defining configuration information of the drop-down selection box, wherein the configuration information at least includes: a data source, a display format, and a sorting rule for each of the drop-down options; At least one of the drop-down options is configured in the pop-up window according to the configuration information.

6. The method according to claim 1, characterized in that After generating a pop-up window of the drop-down selection box in response to the trigger instruction, the method further includes: Receiving a search instruction through a search bar in the pop-up window, wherein the search instruction carries a search term for selecting the drop-down option; Among the plurality of drop-down options recorded in a preset drop-down option set, selecting at least one drop-down option corresponding to the search term as a candidate option, wherein the preset drop-down option set is used to record at least one keyword corresponding to each drop-down option, including the keyword of the search term corresponding to the candidate option; At least one of the candidate options is displayed in the pop-up window.

7. The method according to claim 1, characterized in that After receiving a selection instruction through the pop-up window, the method further includes: In response to the selection instruction, determining a rendering effect indicated by the selection instruction; In the pop-up window, the target option is rendered according to the rendering effect.

8. A device for selecting a drop-down option, characterized in that: include: A detection module, used to detect a trigger instruction of a drop-down selection box in an interactive interface, wherein the trigger instruction is used to instruct to expand at least one drop-down option in the drop-down selection box; A generating module, configured to generate a pop-up window of the drop-down selection box in response to the trigger instruction, wherein the pop-up window is used to display at least one of the drop-down options; A receiving module, configured to receive a selection instruction through the pop-up window, wherein the selection instruction is used to instruct to select a target option from at least one of the drop-down options displayed in the pop-up window; The determination module is used to select the target option in response to the selection instruction.

9. An electronic device, comprising a memory and a processor, characterized in that: A computer program is stored in the memory, and the processor is configured to execute the method for selecting a drop-down option according to any one of claims 1 to 7 through the computer program.

10. A computer program product comprising computer instructions, characterized in that: When the computer instructions are executed by a processor, the steps of the method for selecting a drop-down option described in any one of claims 1 to 7 are implemented.

Images