Methods, devices, storage media, and computers for displaying inventory quantities in drop-down selection boxes

By displaying the product name and its real-time inventory quantity in a drop-down selection box, the problem of users needing to separately check the inventory is solved, which simplifies the operation and displays the real-time inventory, thereby improving the user experience and efficiency.

CN115170222BActive Publication Date: 2026-03-10SHENZHEN SEKORM COMPONENT NETWORK CO LTD
View PDF 2 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-05-27
Publication Date
2026-03-10

AI Technical Summary

Technical Problem

Traditional dropdown menus only display product names, requiring users to check inventory quantities, increasing the number of steps and time required.

Method used

The product name and its real-time inventory quantity are directly displayed in the drop-down selection box, and the inventory information is updated in a timely manner by using terminal cached data when the server response is abnormal.

Benefits of technology

Reduce user operation steps and time, know the inventory status in time, and improve operational efficiency and user experience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN115170222B_ABST
    Figure CN115170222B_ABST
Patent Text Reader

Abstract

The present application relates to a pull-down selection box inventory quantity display method and device, a storage medium and a computer. The method comprises the following steps: S1, a server receives a product name input in a search box of a browser in a user terminal; S2, a first real-time inventory quantity corresponding to the product name is found; S3, the first real-time inventory quantity and the corresponding product name are sent to the user terminal; and S4, the product name and the corresponding first real-time inventory quantity are displayed in a drop-down box of the search box. The present application can display the product name and the corresponding real-time inventory quantity in the pull-down selection box at the same time, so that the user can reduce the operation steps and time, know the real-time state of the product inventory quantity in time, and facilitate subsequent various operations, improve the timeliness of subsequent operations, and improve the user experience, thereby achieving good interaction and improving the processing efficiency of the user.
Need to check novelty before this filing date? Find Prior Art

Description

TECHNICAL FIELD

[0001] The present application relates to the field of e-commerce platforms, and more particularly, to a drop-down selection box inventory quantity display method and device, a storage medium and a computer. BACKGROUND

[0002] The traditional drop-down box displays only the name of the product. Since some users need to know the real-time inventory quantity of the product in order to perform subsequent operations, the user has to further query related information in order to obtain the real-time inventory quantity of the product, thereby increasing the operation steps of the user and making the operation of the user cumbersome. SUMMARY

[0003] The technical problem to be solved by the present application is to provide a drop-down selection box inventory quantity display method, device, storage medium and computer.

[0004] The technical solution adopted by the present application to solve the technical problem is that a drop-down selection box inventory quantity display method is constructed, and the method comprises the following steps:

[0005] Step S1, the server receives the product name input in the search box of the browser in the user terminal;

[0006] Step S2, find the first real-time inventory quantity corresponding to the product name;

[0007] Step S3, send the first real-time inventory quantity and the corresponding product name to the user terminal;

[0008] Step S4, display the product name and the corresponding first real-time inventory quantity in the drop-down box of the search box.

[0009] Further, in the drop-down selection box inventory quantity display method according to the present application, after step S3, the method further comprises the following step:

[0010] Step S31, store the first real-time inventory quantity and the corresponding product name to the user terminal.

[0011] Further, in the drop-down selection box inventory quantity display method according to the present application, when the step S1 is executed again, if the server response in the step S2 is abnormal, the real-time inventory quantity corresponding to the product name is found in the user terminal, and the step S4 is executed.

[0012] Further, in the drop-down selection box inventory quantity display method according to the present application,

[0013] The step S2 comprises: searching the first real-time inventory quantity corresponding to the commodity name, and searching the second real-time inventory quantity corresponding to the related commodity name related to the commodity name;

[0014] The step S3 comprises: sending the first real-time inventory quantity and the corresponding commodity name, and the related commodity name and the corresponding second real-time inventory quantity to the user terminal;

[0015] The step S4 comprises: displaying the commodity name and the corresponding first real-time inventory quantity, and displaying the related commodity name and the corresponding second real-time inventory quantity in the drop-down box of the search box.

[0016] Further, in the drop-down selection box inventory quantity display method, after the related commodity name and the corresponding second real-time inventory quantity are sent to the user terminal, the method further comprises the step of:

[0017] Step S32, storing the first real-time inventory quantity and the corresponding commodity name, and the related commodity name and the corresponding second real-time inventory quantity to the user terminal.

[0018] Further, in the drop-down selection box inventory quantity display method, when searching the first real-time inventory quantity in step S2, an icon, pattern or dynamic pattern is displayed on the browser to indicate that the system is in query and waiting.

[0019] Further, in the drop-down selection box inventory quantity display method, the display of the first real-time inventory quantity is realized by using a layer style sheet on the basis of an Ant Design select drop-down box component.

[0020] In addition, the application also provides a device for displaying inventory quantity in a drop-down selection box, comprising:

[0021] A receiving unit is configured to receive a commodity name input in a search box of a browser in a user terminal by a server;

[0022] A searching unit is configured to search a first real-time inventory quantity corresponding to the commodity name;

[0023] A sending unit is configured to send the first real-time inventory quantity and the corresponding commodity name to the user terminal;

[0024] A display unit is configured to display the first real-time inventory quantity and the corresponding commodity name in a drop-down box of the search box.

[0025] In addition, the application further provides a computer readable storage medium, which stores a computer program, and the computer program is suitable for being loaded by a processor to execute the steps of the drop-down selection box inventory quantity display method.

[0026] In addition, the application further provides a computer, which comprises a memory and a processor, and the memory stores a computer program, and the processor executes the steps of the drop-down selection box inventory quantity display method by calling the computer program stored in the memory.

[0027] The drop-down selection box inventory quantity display method, device, storage medium and computer of the application have the following beneficial effects: the application can display the names of goods and corresponding real-time inventories in a drop-down selection box, can make users reduce operation steps and time, know the real-time state of the inventory quantity of goods in time and facilitate subsequent various operations, improve the timeliness of subsequent operations, and good user experience, so as to achieve good interaction and improve the processing efficiency of users. BRIEF DESCRIPTION OF DRAWINGS

[0028] The application will be further described below in combination with the drawings and embodiments, and the drawings are as follows:

[0029] Figure 1 is a flowchart of the drop-down selection box inventory quantity display method provided by an embodiment of the application;

[0030] Figure 2 is a flowchart of the drop-down selection box inventory quantity display method provided by an embodiment of the application;

[0031] Figure 3 is a flowchart of the drop-down selection box inventory quantity display method provided by an embodiment of the application;

[0032] Figure 4 is a flowchart of the drop-down selection box inventory quantity display method provided by an embodiment of the application;

[0033] Figure 5 is an effect diagram of the drop-down selection box inventory quantity display method provided by an embodiment of the application. DETAILED DESCRIPTION

[0034] In order to have a clearer understanding of the technical features, objects and effects of the application, the specific embodiments of the application will be described in detail with reference to the drawings.

[0035] In a preferred embodiment, with reference to Figure 1 The drop-down selection box inventory quantity display method of the embodiment comprises the following steps:

[0036] Step S1, the server receives the product name inputted in the search box of the browser in the user terminal.

[0037] Specifically, the browser is installed on the user terminal, and the user can access the corresponding server through the browser. The server stores various information of the products, including the product name and the real-time inventory quantity of the products. When the user wants to query the inventory of the products, the user inputs the product name that the user wants to query in the search box of the browser in the terminal. At this time, the browser accesses the corresponding server, and transmits the product name inputted by the user to the server. The server receives the product name that the user wants to query.

[0038] Step S2, find the first real-time inventory quantity corresponding to the product name.

[0039] Specifically, after the server receives the product name that the user wants to query, the various product names in the database are matched with the received product name. If the product name in the database is the same as the received product name, the product name in the database is selected, and the first real-time inventory quantity corresponding to the product name is found.

[0040] Step S3, send the first real-time inventory quantity and the corresponding product name to the user terminal.

[0041] Specifically, after the product name in the database that matches the product name received by the server is found, and the first real-time inventory quantity corresponding to the product name in the database is found, the first real-time inventory quantity and the corresponding product name are sent to the user terminal.

[0042] Alternatively, if the product name in the database that is the same as the product name received by the server is not found, it is possible that the user input is incorrect, and the returned is empty data, and a blank page is displayed in the drop-down box.

[0043] Step S4, display the product name and the corresponding first real-time inventory quantity in the drop-down box of the search box.

[0044] Specifically, after the corresponding product name and the first real-time inventory quantity corresponding to the product name are received by the browser in the user terminal, the product name and the corresponding first real-time inventory quantity are displayed in the drop-down box of the search box at the same time.

[0045] Alternatively, the first real-time inventory quantity can be displayed below, above, left or right of the corresponding product name.

[0046] By implementing this embodiment, when querying product inventory, the product name and corresponding real-time inventory can be displayed simultaneously in the drop-down selection box in one step. There is no need to search for the corresponding product first and then search for the first inventory quantity of the product. This can reduce the number of operation steps and time for users, allow them to know the real-time status of product inventory in a timely manner, and facilitate various subsequent operations, thereby improving the timeliness of subsequent operations.

[0047] In a preferred embodiment, reference Figure 2 The drop-down selection box inventory quantity display method in this embodiment further includes the following step after step S3:

[0048] Step S31: Store the first real-time inventory quantity and the corresponding product name to the user terminal.

[0049] Specifically, after finding a product name and corresponding first real-time inventory quantity that match the product name received by the server in the database, this product name and corresponding first real-time inventory quantity are sent to the user terminal and stored. If the user searches for the first real-time inventory quantity of the same product again in the browser, the latest first real-time inventory quantity found by the server is returned to the user terminal, replacing the previous first real-time inventory quantity for this product, ensuring that the first real-time inventory quantity of this product stored on the user terminal is always up-to-date.

[0050] The drop-down selection box inventory quantity display method in this embodiment can store server data on the user terminal, back it up, and update it in a timely manner to prevent unforeseen circumstances.

[0051] In a preferred embodiment, reference Figure 3 In this embodiment of the drop-down selection box inventory quantity display method, if the server response is abnormal in step S2 when step S1 is executed again, the real-time inventory quantity corresponding to the product name is searched in the user terminal, and step S4 is executed.

[0052] Specifically, when searching for a product name and its corresponding first real-time inventory quantity, if the server response is abnormal, such as an interface error between the user terminal and the server, server inability to respond, or excessively long server response time, causing the user terminal to not receive the corresponding product name and its corresponding first real-time inventory quantity, the user terminal will directly compare the product name entered by the user in the search box with all product names stored in the user terminal's database. If the product name stored in the user terminal's database is the same as the product name the user is looking for, then the same product name and its corresponding first real-time inventory quantity will be displayed in the drop-down box of the search box.

[0053] By implementing this embodiment, when the server experiences a response error, the user does not have to wait for the first real-time inventory quantity to be displayed. Instead, the user can refer to the first real-time inventory quantity stored on the user's terminal during the last search. This ensures a good user experience and improves the user's processing efficiency.

[0054] In a preferred embodiment, reference Figure 4 and Figure 5 The method for displaying inventory quantity in a drop-down selection box in this embodiment includes the following steps:

[0055] Step S11: The server receives the product name entered in the search box of the browser on the user's terminal.

[0056] Specifically, when a user wants to check the inventory of a product, they enter the name of the product they want to search for in the search box of their terminal browser. The server then receives the product name that the user wants to query. For example, if a user wants to find the inventory quantity of rock sugar pear, the user enters the name "rock sugar pear" in the search box, and the server then receives the name "rock sugar pear".

[0057] Step S12: Find the first real-time inventory quantity corresponding to the product name, and find the second real-time inventory quantity corresponding to the related product names.

[0058] Specifically, when the server receives the product name requested by the user, it splits the product name into several related product names according to preset rules. Then, it matches the various product names in the database with the received product name and all the split related product names. If a product name in the database matches the received product name, that product name is selected from the database, and the corresponding first real-time inventory quantity is found. If a product name in the database matches one or more of the split related product names, that product name is selected from the database, and the corresponding second real-time inventory quantity is found. For example, after the server receives "rock sugar pear," it splits "rock sugar pear" into "rock sugar" and "pear" according to preset rules. Then, it matches "rock sugar pear," "rock sugar," and "pear" with various product names in the server. It selects the product names that match "rock sugar pear," "rock sugar," and "pear," and then finds the first real-time inventory quantity for "rock sugar pear" and the second real-time inventory quantity for "rock sugar" and "pear," respectively. Finally, the found first real-time inventory quantity for "rock sugar pear" is 555, the second real-time inventory quantity for "rock sugar" is 333, and the second real-time inventory quantity for "pear" is 234. Finally, the names of rock sugar pears and their corresponding first real-time inventory quantities, as well as the names of rock sugar and pears and their corresponding second real-time inventory quantities, are displayed in the drop-down menu of the search box.

[0059] Alternatively, the product names received by the server can be compared with the product names in the server database. A corresponding matching degree can be added to each product name in the database according to preset rules. The matching degrees can be ranked, and the relevant product names corresponding to the top preset number of matching degrees can be selected. Then, all the selected relevant product names and their corresponding second real-time inventory quantities can be sent to the user terminal.

[0060] Step S13: Send the first real-time inventory quantity and the corresponding product name, as well as the relevant product name and the corresponding second real-time inventory quantity, to the user terminal.

[0061] Specifically, the found product name and corresponding first real-time inventory quantity, as well as the found related product name and corresponding second real-time inventory quantity, are sent to the user terminal.

[0062] Alternatively, if no matching or related product names are found in the database, it may indicate that the user entered the wrong information, and empty data will be returned, with a blank page displayed in the drop-down list.

[0063] Step S14: Display the product name and corresponding first real-time inventory quantity in the drop-down box of the search box, and display the related product name and corresponding second real-time inventory quantity.

[0064] Specifically, after finding the same product name and corresponding first real-time inventory quantity in the database, as well as the related product name and corresponding second real-time inventory quantity, the product name and corresponding first real-time inventory quantity, along with the related product name and corresponding second real-time inventory quantity, are sent to the user terminal and simultaneously displayed in the drop-down box of the search box.

[0065] Alternatively, the first real-time inventory quantity can be displayed below, above, to the left, or to the right of the corresponding product name; the second real-time inventory quantity can also be displayed below, above, to the left, or to the right of the corresponding product name. For a neater and more aesthetically pleasing appearance, the display format of the first real-time inventory quantity and its corresponding product name can be kept consistent with the display format of the second real-time inventory quantity and its corresponding related product name.

[0066] By implementing this embodiment, users only need to enter part of the product name to find the desired product and its corresponding real-time inventory quantity, which is especially advantageous when the product name is long. Furthermore, displaying similar product names and their corresponding real-time inventory quantities facilitates comparison or other needs, further improving the user experience and saving time spent entering product names.

[0067] In a preferred embodiment, the drop-down selection box inventory quantity display method of this embodiment further includes the following steps after sending the relevant product name and the corresponding second real-time inventory quantity to the user terminal:

[0068] Step S32: Store the first real-time inventory quantity and the corresponding product name, as well as the relevant product name and the corresponding second real-time inventory quantity, to the user terminal.

[0069] Specifically, after finding a product name and its corresponding first real-time inventory quantity that matches the product name received by the server, as well as related product names and their corresponding second real-time inventory quantities, in the database, this product name and its corresponding first real-time inventory quantity, along with related product names and their corresponding second real-time inventory quantities, are sent to the user's terminal and stored. If the user searches for the first real-time inventory quantity of the same product again in the browser, the latest first and second real-time inventory quantities found by the server are returned to the user's terminal, replacing the previous first and second real-time inventory quantities for this product name and related product names, ensuring that the first and second real-time inventory quantities for this product name stored on the user's terminal are always up-to-date.

[0070] The drop-down selection box inventory quantity display method in this embodiment can store server data on the user terminal, back it up, and update it in a timely manner to prevent unforeseen circumstances.

[0071] In a preferred embodiment, the drop-down selection box inventory quantity display method of this embodiment displays an icon, pattern, or animated pattern on the browser to indicate that the system is querying and please wait when searching for the first real-time inventory quantity in step S2.

[0072] Specifically, when a user enters the name of the product they want to search for and clicks the search trigger button, an icon, pattern, or animated graphic will be immediately displayed on the browser to indicate that the system is searching and please wait.

[0073] Alternatively, you could make the icons, patterns, or animated graphics more interesting, or display some mini-games that allow users to interact with them.

[0074] This embodiment is even more effective in situations with network latency and slow internet speed, allowing users to know in a timely manner that a query is in progress, and reducing the boredom of waiting users through attractive and interesting patterns, animated patterns, or mini-games.

[0075] In a preferred embodiment, the display of the first real-time inventory quantity in the drop-down selection box inventory quantity display method of this embodiment is implemented by using a stacked style sheet based on the Ant Design select drop-down box component.

[0076] Specifically, after the product name and corresponding initial real-time inventory quantity are sent to the user terminal, the user terminal uses Cascading Style Sheets (CSS) on top of the Ant Design select dropdown component to display the initial real-time inventory quantity, and also displays the product name corresponding to the initial real-time inventory quantity using the Ant Design select dropdown component. The technology stack used is React + Ant Design + CSS. It primarily utilizes the CSS `content` property and the `attr()` function. The `content` property is used in conjunction with the `:before` and `:after` pseudo-elements to insert generated content, and the `attr()` function inserts variable values ​​and inventory information to display the product name and corresponding real-time inventory quantity.

[0077] This embodiment uses Ant Design's select dropdown component to simultaneously display the product name and the corresponding first real-time inventory quantity. It expands upon the original display method without affecting the original functionality, while meeting user needs and making the display steps and process more convenient and concise.

[0078] In a preferred embodiment, the apparatus for displaying inventory quantity in a drop-down selection box according to this embodiment includes:

[0079] The receiving unit is used by the server to receive the product name entered in the search box of the browser on the user's terminal.

[0080] Specifically, a browser is installed on the user's terminal. The user can access the corresponding server through the browser. The server stores various information about the products, including the product name and real-time inventory quantity. When a user wants to check the product inventory, they enter the name of the product they want to search for in the search box of the terminal's browser. The browser then accesses the corresponding server, sends the product name entered by the user to the server, and the server receives the product name that the user wants to query.

[0081] The search unit is used to find the first real-time inventory quantity corresponding to the product name.

[0082] Specifically, when the server receives the product name that the user wants to query, it matches the various product names in the database with the received product name. If the product name in the database is the same as the received product name, then the product name in the database is selected, and then the first real-time inventory quantity corresponding to this name is found.

[0083] The sending unit is used to send the first real-time inventory quantity and the corresponding product name to the user terminal.

[0084] Specifically, after finding the product name in the database that matches the product name received by the server, and finding the first real-time inventory quantity corresponding to the product name in the database, the first real-time inventory quantity and the corresponding product name are sent to the user terminal.

[0085] Alternatively, if no product name matching the one received by the server is found in the database, it may be due to incorrect user input, in which case empty data will be returned and a blank page will be displayed in the drop-down list.

[0086] The display unit is used to display the first real-time inventory quantity and the corresponding product name in the drop-down box of the search box.

[0087] Specifically, after the browser on the user's terminal receives the corresponding product name and the corresponding first real-time inventory quantity, it displays the product name and the corresponding first real-time inventory quantity simultaneously in the drop-down box of the search box.

[0088] Alternatively, the first real-time inventory quantity can be displayed below, above, to the left, or to the right of the corresponding product name.

[0089] By implementing this embodiment, when querying product inventory, the product name and corresponding real-time inventory can be displayed simultaneously in the drop-down selection box in one step. There is no need to search for the corresponding product first and then search for the first inventory quantity of the product. This can reduce the number of operation steps and time for users, allow them to know the real-time status of product inventory in a timely manner, and facilitate various subsequent operations, thereby improving the timeliness of subsequent operations.

[0090] In a preferred embodiment, the computer-readable storage medium of this embodiment stores a computer program adapted for loading by a processor to perform the steps of the drop-down selection box inventory quantity display method as described in the above embodiment.

[0091] The computer-readable storage medium in this embodiment stores, but is not limited to, information obtained by searching for the name of a product and its corresponding first real-time inventory quantity, and simultaneously displays the product name and the first real-time inventory quantity in a drop-down list. This method can reduce the number of operation steps and time for users, allow them to know the real-time status of product inventory quantities in a timely manner, and facilitate various subsequent operations, thereby improving the timeliness of subsequent operations and providing a good user experience, thus achieving good interaction and improving user processing efficiency.

[0092] In a preferred embodiment, the computer of this embodiment includes a memory and a processor. The memory stores a computer program, and the processor executes the steps of the drop-down selection box inventory quantity display method as described in the above embodiment by calling the computer program stored in the memory.

[0093] The method in this embodiment can simultaneously display the product name and corresponding real-time inventory in a drop-down selection box, which can reduce the number of operation steps and time for users, allow them to know the real-time status of product inventory in a timely manner, facilitate various subsequent operations, improve the timeliness of subsequent operations, and provide a good user experience, thereby achieving good interaction and improving the user's processing efficiency.

[0094] The various embodiments in this specification are described in a progressive manner, with each embodiment focusing on its differences from other embodiments. Similar or identical parts between embodiments can be referred to interchangeably. For the apparatus disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the description is relatively simple; relevant parts can be referred to the method section.

[0095] Those skilled in the art will further recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of the various examples have been generally described in terms of functionality in the foregoing description. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementations should not be considered beyond the scope of this invention.

[0096] The steps of the methods or algorithms described in conjunction with the embodiments disclosed herein can be implemented directly by hardware, a software module executed by a processor, or a combination of both. The software module can be located in random access memory (RAM), main memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, removable disk, CD-ROM, or any other form of storage medium known in the art.

[0097] The above embodiments are only for illustrating the technical concept and features of the present invention, and are intended to enable those skilled in the art to understand the content of the present invention and implement it accordingly. They do not limit the scope of protection of the present invention. All equivalent changes and modifications made within the scope of the claims of the present invention should fall within the scope of the claims of the present invention.

Claims

1. A method for displaying inventory quantity in a drop-down selection box, characterized in that, The method comprises the following steps: Step S1, the server receives the product name input in the search box of the browser in the user terminal; Step S2, the product name is split according to a preset rule to obtain at least one split keyword; according to the matching relationship between the split keyword and the product name in the database, the matching degree of the product name in the database is calculated and ranked; Select the top ranked product name of the matching degree as the related product name; Find the first real-time inventory quantity corresponding to the product name, and find the second real-time inventory quantity corresponding to the related product name after splitting the product name; Step S3, the first real-time inventory quantity and the corresponding product name are sent to the user terminal, and the first real-time inventory quantity and the corresponding product name, and the related product name and the corresponding second real-time inventory quantity are sent to the user terminal; Step S4, the user terminal uses the content attribute of CSS in combination with the :before and :after pseudo elements on the basis of the select drop-down box component of AntDesign in Cascading Style Sheets, inserts variable values and inventories through the function attr(), so as to display the product name and the corresponding first real-time inventory quantity in the drop-down box of the search box, and display the related product name and the corresponding second real-time inventory quantity, wherein the technology stack used is: React+AntDesign+CSS.

2. The pull-down select box inventory quantity display method of claim 1, wherein, After step S3, it further comprises the following steps: Step S31, the first real-time inventory quantity and the corresponding product name are stored in the user terminal.

3. The drop-down selection box inventory quantity display method according to claim 2, wherein When the step S1 is executed again, if the server response in the step S2 is abnormal, the real-time inventory quantity corresponding to the product name is found in the user terminal, and the step S4 is executed.

4. The pull-down select box inventory quantity presentation method according to claim 1, wherein, After the related product name and the corresponding second real-time inventory quantity are sent to the user terminal, it further comprises the following steps: Step S32, the first real-time inventory quantity and the corresponding product name, and the related product name and the corresponding second real-time inventory quantity are stored in the user terminal.

5. The pull-down select box inventory quantity presentation method according to claim 1, wherein, When the first real-time inventory quantity is found in step S2, an icon, pattern or dynamic pattern is displayed on the browser to indicate that the system is in query and please wait.

6. A device for displaying a pull-down selection box inventory quantity display method, characterized by, Comprise: A receiving unit for the server to receive the product name input in the search box of the browser in the user terminal; A splitting unit for splitting the product name according to a preset rule to obtain at least one split keyword; and calculating the matching degree of the product name in the database according to the matching relationship between the split keyword and the product name in the database, and ranking the product name in the database; Select the top ranked product name of the matching degree as the related product name; A searching unit for finding the first real-time inventory quantity corresponding to the product name, and finding the second real-time inventory quantity corresponding to the related product name; The sending unit is configured to send the first real-time inventory quantity and the corresponding commodity name to the user terminal, and send the related commodity name and the corresponding second real-time inventory quantity to the user terminal. The display unit is configured to use the content attribute, the:before and:after pseudo elements of CSS in combination with the select drop-down box component of AntDesign on the basis of Cascading Style Sheets, insert variable values and inventory through the function attr(), and display the commodity name and the corresponding first real-time inventory quantity and the related commodity name and the corresponding second real-time inventory quantity in the drop-down box of the search box.

7. A computer readable storage medium characterized in that, The computer readable storage medium stores a computer program, and the computer program is adapted to be loaded by a processor to execute the steps of the drop-down selection box inventory quantity display method according to any one of claims 1 to 5.

8. A computer, characterized in that The device comprises a memory and a processor, the memory stores a computer program, and the processor executes the steps of the drop-down selection box inventory quantity display method according to any one of claims 1 to 5 by calling the computer program stored in the memory.

Citation Information

Patent Citations

  • Information prompting method and device, computer readable storage medium and electronic device

    CN111209368A

  • Vue-based pull-down box interaction method and device, equipment and medium

    CN112114726A