Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method for achieving multiple-choice of drop-down list box

A technology of list box and pull-down box, which is applied in the field of multi-selection drop-down list box, which can solve the problems of large page layout space and drop-down list box occupation, and achieve the effect of simple and clear structure, simple and convenient operation, and enhanced user experience

Inactive Publication Date: 2015-03-04
G CLOUD TECH
View PDF0 Cites 10 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] The technical problem solved by the present invention is to provide a method for realizing a multi-selectable drop-down list box, and solve the problem that a large amount of page layout space is occupied by the drop-down list box

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method for achieving multiple-choice of drop-down list box
  • Method for achieving multiple-choice of drop-down list box

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0017] Such as figure 1 , 2 As shown, the present invention uses common HTML tags The combination realizes the multiple selection of the drop-down box, and the specific steps are as follows:

[0018] Step 1, define a The tag sets the id and name attributes at the same time;

[0019] Step 2, define a The tag also sets the id attribute and initializes all option values;

[0020] Step 3, define a hidden Set the id and name attributes at the same time;

[0021] Step 4. When the page loads, use EasyUI to The label is initialized as a combo control, and its property multiple: true is set;

[0022] Step 5, will The label is attached to the panel of the combo, and then given The checkbox multi-selection box element inside is bound to the selected event;

[0023] Step 6. When the user checks the checkbox option box, the selected event is triggered and the selected value is stored in the hidden , display the value selected by the user in the input...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to the technical field of software technology development, and particularly relates to a method for achieving multiple-choice of a drop-down list box. According to the method disclosed by the invention, the multiple-choice function of the drop-down box is achieved through combination of <input> and labels; the problems that in an existing drop-down box multiple-choice mode, since all or most of options are displayed, a lot of page layout space is occupied, and the overall effect of the page is affected are effectively solved; the method can be applied to achieve the multiple-choice of the drop-down list box.

Description

technical field [0001] The invention relates to the technical field of software technology development, in particular to a method for realizing a multi-selectable drop-down list box. Background technique [0002] The current business system is not only becoming more and more complex, but also has higher and higher user experience requirements. For example, when a user operates a drop-down box, it is possible to select some (more than one) options. The usual drop-down box is composed of <select>The multiple attribute of the tag is used to display all or most of the options, which not only takes up a lot of page layout space, but also affects the overall effect of the page. SUMMARY OF THE INVENTION [0003] The technical problem solved by the present invention is to provide a method for implementing a multi-selectable drop-down list box, and solve the problem that the drop-down list box occupies a large amount of page layout space. The technical scheme that the present in...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F9/44
Inventor 齐兆勇徐震宇孙傲冰季统凯
Owner G CLOUD TECH
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com