Html5 ListBox

Set the dragEnd property of the jqxListBox. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://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 (dragItem, dropItem) {
        if (dropItem) {
            $("#log").text("Dragging: " + dragItem.label);
            return false;
        }
    }
});