JavaScript picker

Handle changes

The example below shows how to listen for changes in the picker.

Option1

Option2

Option3

<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="picker"></div>

<script>
jSuites.picker(document.getElementById('picker'), {
  data: ['Option1', 'Option2', 'Option3'],
  content: 'more_vert',
  onchange: function(element, instance, reserved, value, key) {
    // This function will be called whenever the picker value is changed
    // As this is just an example, I will just print the new picker value on the console
    console.log(value)
  }
})
</script>
</html>

Edit this page on GitHub