JavaScript ComboBox

Bind to the select event by type: jqxComboBox. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxComboBox'></div>

JavaScript

var source = [
       "Affogato",
       "Americano",
       "Bicerin",
       "Breve",
       "Café Bombón",
       "Café au lait",
       "Caffé Corretto",
       "Café Crema",
       "Caffé Latte"];
   // Create a jqxComboBox
   $("#jqxComboBox").jqxComboBox({
       source: source,
       theme: 'energyblue',
       width: '200px',
       height: '25px',
       selectedIndex: 0
   });
   $('#jqxComboBox').on('select', function (event) {
       var args = event.args;
       if (args) {
           // index represents the item's index.                          
           var index = args.index;
           var item = args.item;
           // get item's label and value.
           var label = item.label;
           var value = item.value;
           alert("label: " + label);
       }
   });