JavaScript dropdown
The jSuites.dropdown
is a lightweight multi-purpose responsive JavaScript dropdown and general option picker plugin. It works great in small screens and has different render methods and several initialization features to give developers a flexible JavaScript dropdown and promote a better user experience in web-based applications.
The new JavaScript dropdown plugin brings a native autocomplete, multiple option selection, responsive render types and much more features, such as:
- Create a dropdown from a JavaScript Array
- Populate a dropdown from an external JSON request
- Autocomplete search
- Lazyloading
- Multiple dropdown selection
- Responsive data picker with multiple responsive render types
- Image icons
- Groups and categories
Example
Create a dropdown from a large data source with 20K options
Source code example
<html> <script src="https://jsuites.net/v4/jsuites.js"></script> <link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" /> <div id="dropdown"></div> <script> jSuites.dropdown(document.getElementById('dropdown'), { url: '/v4/large', autocomplete: true, lazyLoading: true, multiple: true, width: '280px', }); </script> </html>
Quick reference
Go to the Quick reference
More examples
- Basic dropdown
- Multiple dropdown options
- Large sample autocomplete dropdown
- Dropdown with remote search
- Allow new options in a dropdown
- Dropdown with images
- Color items in the dropdown
- Countries dropdown
- Dropdown grouping elements
- Dropdown JS Events
- JavasSript Methods
- Responsive autocomplete dropdown
- React dropdown