Programmatically changes

Interacting with the dropdown via JavaScript

| | |



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

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

<script>
var DD = jSuites.dropdown(document.getElementById('dropdown'), {
    data: [
        'JavaScript',
        'Python',
        'Java',
        'C/CPP',
        'PHP',
        'Swift',
        'C#',
        'Ruby',
        'Objective - C',
        'SQL',
    ],
    width:'280px'
});
</script>

<input type='button' value='Open the dropdown' class='plain' onclick="DD.open()"> |
<input type='button' value='Close the dropdown' class='plain' onclick="DD.close()"> |
<input type='button' value='Set value to: SQL' class='plain' onclick="DD.setValue('SQL')"> |
<input type='button' value='Reset values' class='plain' onclick="DD.reset()">
</html>