Html5 ListBox

Set the dragEnd property of the jqxListBox. 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='jqxListBox'></div>
<div id="log"></div>

JavaScript

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

 // Create a jqxListBox
 $("#jqxListBox").jqxListBox({
     allowDrop: true,
     allowDrag: true,
     source: source,
     width: 200,
     height: 420,
     theme: 'energyblue',
     dragEnd: function (item) {
         $("#log").text("Dragging: " + item.label);
         return false;
     }
 });