Home > Web Front-end > JS Tutorial > Two multi-select selects (multiple left and right) add, delete options and value examples_jquery

Two multi-select selects (multiple left and right) add, delete options and value examples_jquery

WBOY
Release: 2016-05-16 16:48:45
Original
1366 people have browsed it

I don’t know how to describe it, but there are two select drop-downs, made like text fields. You can select values ​​from the result set on one side and add them to the other side; after deleting the other side, the values ​​will return to The result set is over there. Just look at the example demonstration, I believe you will use the latter in the past!
Two multi-select selects (multiple left and right) add, delete options and value examples_jquery

Not much more, here’s the code:

Copy the codeThe code is as follows:

< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">


select




<>




Among them "" This function is equivalent to a container, and values ​​can be passed when submitting the form. Go to the page that receives the value, use the corresponding language, such as PHP, and use the explode function to divide it into an array with "@" as the demarcation line.
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