jQuery ComboBox

Set the dropDownVerticalAlignment property of the jqxComboBox. 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='jqxComboBox' style='margin-left:100px; margin-top: 250px;'></div>

JavaScript

var source = [
      "Affogato",
      "Americano",
      "Bicerin",
      "<span style='color: red'" + "Breve" + "</span>",
      "Café Bombón",
      "Café au lait",
      "Caffé Corretto",
      "Café Crema",
      "Caffé Latte"
    ];
    // Create a jqxComboBox
    $("#jqxComboBox").jqxComboBox({
      source: source,
      width: '200px',
      height: '25px',
      multiSelect: true,
      selectedIndex: 0,
      theme: 'energyblue',
      dropDownWidth: '300px',
      dropDownVerticalAlignment: 'top'
    });