jQuery ComboBox

Set the dropDownVerticalAlignment property of the jqxComboBox. Author: http://jqwidgets.com

by Harsh Bhatnagar

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>
<br><br><br><br><div id='jqxComboBox' style='margin-left:100px;'></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,
        width: '200px',
        height: '25px',
        selectedIndex: 0,
        theme: 'energyblue',
        dropDownWidth:'300px',
        dropDownVerticalAlignment:'top',
        autoComplete:true
    });