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:

  1. Create a dropdown from a JavaScript Array
  2. Populate a dropdown from an external JSON request
  3. Autocomplete search
  4. Lazyloading
  5. Multiple dropdown selection
  6. Responsive data picker with multiple responsive render types
  7. Image icons
  8. Groups and categories

Example

Create a dropdown from a large data source with 20K options



Source code example

<html>
<script src="https://jsuites.net/v3/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v3/jsuites.css" type="text/css" />

<div id="dropdown"></div>

<script>
jSuites.dropdown(document.getElementById('dropdown'), {
    url: '/v3/large',
    autocomplete: true,
    lazyLoading: true,
    multiple: true,
    width: '280px',
});
</script>
</html>

Quick reference

Go to the Quick reference


More examples