jquery Plugin Implementation Select dropdown box left and right selection _ Exchange content (multiselect2side), Jqueryselect plugin _php tutorial

Source: Internet
Author: User

jquery plug-in implementation select dropdown box left and right selection _ Exchange content (multiselect2side), Jqueryselect plug-in


Use the jquery plugin---multiselect2side practices:

 
  Untitled Document
 
  
 
  
  
Super Admin General Administrator Information Publishing Staff Financial Management Officer Product Manager Resource Administrator Administrator

Analytical:

Head Header Import
JQUERY.MULTISELECT2SIDE.CSS file
Jquery-1.6.4.min.js jquery File
Jquery.multiselect2side.js file
* * Note: jquery files must be imported before Jquery.multiselect2side.js

Write a JS call multiselect2side method, parameter description
Search: "Searching for a selection:" parameter is to add a search area
Selectedposition: ' Right ', parameter is to add the drop-down box to the left to select the item location (required)
Moveoptions: Move option, can be used to sort the options, the actual application is not very meaningful, this is set to False
Labelsx and LABELDX are used to set the title of the left and right two list boxes, if not required to be set to empty
Maxselected: Maximum number of options, i.e. only a few items can be selected

Project 1

2 3 4  -


The page gets the value using the $ser =$_post['
searchable'); Gets the value of the array type option

Method Two: Use jquery to implement

 Select drop-down box content Exchange starts-
 
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.