Html5 ListBox

Bind to the unselect event by type:jqxListBox. Author: http://jqwidgets.com

HTML

<script src="http:\\jqwidgets.com\public\jqwidgets\jqxcore.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxbuttons.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxscrollbar.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxlistbox.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxdropdownlist.js"></script>
<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\jqxcheckbox.js"></script>
<div id='jqxListBox'></div>

JavaScript

var source = [
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Café au lait"];
  // Create a jqxListBox
  $("#jqxListBox").jqxListBox({
      source: source,
      theme: 'energyblue',
        selectedIndex: 3,
      filterable: true
  });
  $('#jqxListBox').on('unselect', 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);
       }
   });