A new version of the jSuites JavaScript Dropdown plugin is available here.

JavaScript Dropdown

Javascript dropdown

The jSuites.dropdown can be created from an existing element, or via JavaScript as the examples below:

Basic dropdown from a HTML tag

Done

Brazil

Canada

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

<select name="countries" id="countries">
<option value="1">UK</option>
<option value="2">US</option>
<option value="3">Brazil</option>
<option value="4">Canada</option>
</select>

<script>
jSuites.dropdown(document.getElementById('countries'));
</script>
</html>

Basic dropdown via JavaScript

Done

City of London

City of Westminster

Kensington and Chelsea

Hammersmith and Fulham

<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'), {
    data:[
        'City of London',
        'City of Westminster',
        'Kensington and Chelsea',
        'Hammersmith and Fulham', // (...)
    ],
    width:'280px',
});
</script>
</html>

Edit this page on GitHub