Html5 DropDownList

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

by mark edwards

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='jqxDropDownList'></div>

JavaScript

var source = [
      "<span class='clickTest' id='1' data-stuff='one'>item One</span>&nbsp;&nbsp;<span class='clickTest' id='2' data-stuff='two'>item Two</span>",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Café au lait"];
  // Create a jqxDropDownList
  $("#jqxDropDownList").jqxDropDownList({
      source: source,
      theme: 'energyblue'
  });
   $('div.clickTest').on('hover', (e) => {
      console.log('AAAA');
      console.log(e);
   })