Home > Web Front-end > JS Tutorial > Example learning of DOM operations and events in jquery Drop-down box application_jquery

Example learning of DOM operations and events in jquery Drop-down box application_jquery

WBOY
Release: 2016-05-16 17:58:50
Original
1036 people have browsed it

Today's demo is about drop-down boxes.

Copy code The code is as follows:




Select to add to the right>>
Add all to the right>>






The function implemented is to add the selected option on the left to the right, double-click an option on the left Options can also be added to the right. Click the Add All to Right button to add all the left to the right.
jquery code:
Copy code The code is as follows:



dblclick() It is triggered when the mouse double-clicks the event.
Other methods and events have been introduced in previous examples, so I won’t go into details here.
This demo code is simple. And the function is indeed practical.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template