JQuery ComboBox

Invoke the val method of the jqxComboBox Author: http://jqwidgets.com

by Manu Vashishtha

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="ttp://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxComboBox'></div>
<div>
    <input style="margin-top: 20px;" type="button" id='jqxButton' value="Get new value" />
</div>

JavaScript

var source = ["Affogato","Americano","Bicerin","Breve","Café Bombón",
      "Café au lait", "Caffé Corretto", "Café Crema","Caffé Latte"];
  // Create a jqxComboBox
  $("#jqxComboBox").jqxComboBox({
      source: source,
      theme: 'energyblue',
      width: '200px',
      height: '25px',      
     //searchMode:'none'
  });
  $("#jqxButton").jqxButton({
      theme:'energyblue'
  });

 $('#jqxComboBox').on('focusout', function () {   
 debugger;
 alert($('#jqxComboBox').find('input.jqx-combobox-input').val());
 //     alert($("#jqxComboBox").jqxComboBox('val'));
  });