JavaScript ComboBox

Set the multiSelect 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'></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: '250px',
        height: '25px',
        multiSelect: true,
        theme: 'energyblue'
    });
 $("#jqxComboBox").jqxComboBox('selectItem', 'Breve');
 $("#jqxComboBox").jqxComboBox('selectItem', 'Americano');
 
 jQuery('div#jqxComboBox').find('a').each(  (index, element) => {

    let functionCall        =       ''
                            +       'javascript:itemSelected'
                            +       '('   // opening parenthesis
                            +				'"'
                            +       jQuery(element).data('value')
                            +				'"'
                            +       ')'   // closing parenthesis
                            +       ';'   // closing semicolon
                            ;
     
    jQuery(element)
            .attr           (       {       'onClick'       : functionCall
                                    ,       'href'          : '#' + jQuery(element).data('value')
                                    }
                            )
            ;
})

function itemSelected(item) {
    alert (item)
}