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 = 
  [ 'ʃ'
  , 'θ'
  , 't̬'
  , 'ʊ'
  , 'ʊ̈'
  , 'ʌ'
  , 'ʒ'
  , 'ʔ'
  , 'ᵊ'
  , 'ʳ'
  , '→'
  , 'ᵗ̩'
  , 'æ'
  , 'ɑ'
  , 'ð'
  , 'ə'
  , 'ɚ'
  , 'ɛ'
  , 'ɜ'
  , 'ɝ'
  , 'ɪ'
  , 'ɪ̈'
  , 'ɫ'
  , 'ŋ'
  , 'ɔ'
  , 'ɒ'
  , 'ɹ'
  , 'ɾ'
];
  // Create a jqxDropDownList
  $("#jqxDropDownList").jqxDropDownList({
      source: source,
      theme: 'energyblue'
  });
   $('div.clickTest').on('hover', (e) => {
      console.log('AAAA');
      console.log(e);
   })