Fork me on GitHub

Welcome to mSelect Plugin Demos

The Most Advanced Dropdown ever made that Support Big Datasets

Examples:

Configuration:

  1. Example 01: Load the Plugin
  2. Example 02: Custom the Name of the columns
  3. Example 03: Add a Refresh button
  4. Example 04: Add a Button that show you the selected rows
  5. Example 05: Custom the Selected button in the Example 4
  6. Example 06: Custom the ajax variable name for Examples 4 & 5
  7. Example 07: Select some rows by default when page load
  8. Example 08: Custom the color for the mSelect if already has a selected rows
  9. Example 09: Custom the mSelect Button width and the "Non Selected Text" Label
  10. Example 10: Allow only Single select for the rows
  11. Example 11: More than 1 columns for the mSelect
  12. Example 12: Multiple mSelect's on the same page
  13. Example 13: Load the mSelect data only when open it
  14. Example 14: Pass some extra data to the server side
  15. Example 15: Custom the lengthMenu and the column order for the mSelect
  16. Example 16: Disable the mSelect if empty data
  17. Example 17: Load mSelect using an other supported Language
  18. Example 18: Prepend some data to the mSelect

Events:

  1. Example 19: Do something when you open the mSelect
  2. Example 20: Do something when you close the mSelect
  3. Example 21: Do something when you onChange the mSelect
  4. Example 22: Return the Selected ids when close the mSelect
  5. Example 23: Return the Selected ids when onChange the mSelect
  6. Example 24: Return the Selected ids and the Selected labels when close the mSelect
  7. Example 25: Return the Selected ids and the Selected labels and the Unique labels when close the mSelect
  8. Example 26: Return the Selected ids / labels / unique labels when close & onChange the mSelect
  9. Example 27: Return the Selected ids / labels for multiple mSelect's on the same page

Methods:

  1. Example 28: mSelect methods in action
  2. Example 29: mSelect methods in action 2
  3. Example 20: Form with linked mSelect's