JavaScript DropDownList

Bind to the checkChange event by type:jqxDropDownButton. Author: http://jqwidgets.com Author: http://jqwidgets.com

by Hristo Hristov

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<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">
<div id='jqxDropDownList'></div>

JavaScript

var source = [
  "Affogato",
  "Americano",
  "Bicerin",
  "Breve",
  "Café Bombón",
  "Café au lait",
  "Caffé Corretto",
  "Café Crema",
  "Caffé Latte",
	"New Americano",
  "New Bicerin",
  "New Breve",
  "New Café Bombón",
  "New Café au lait",
  "New Caffé Corretto",
  "New Café Crema",
  "New Caffé Latte"
];

// Create a jqxDropDownList
$("#jqxDropDownList").jqxDropDownList({
    source: source,
    theme: 'energyblue',
    width: '200px',
    height: '25px',
    incrementalSearch: true,
    incrementalSearchDelay: 550,
});

$("#jqxDropDownList").on('select', function (event) {
    $("#jqxDropDownList").jqxDropDownList('ensureVisible', source.length - 1);
});