Html ComboBox

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

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://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: 3
});
$('#jqxComboBox').on('change', 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;
    console.log("label: " + label);
  }
});

$('#jqxComboBox').on('keyup', function (event) {
  console.log("keypress: ", event.target.value);
});