Custom Elements

Show Demo List

Theme:

Demo
View Source
API Reference

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>Custom Element DropDownList Save/LoadSelectionUsingCookies</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <meta name="description" content="This is an example of how to save and load Custom Elements DropDownList using cookies." />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdata.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script type="text/javascript" src="../scripts/demos.js"></script>    <script>        var source =            {                datatype: 'json',                datafields: [                    { name: 'CompanyName' },                    { name: 'ContactName' }                ],                id: 'id',                url: '../sampledata/customers.txt'            };        var index = jqx.cookie.cookie('jqxDropDownList_jqxWidget');        console.log(index);        if (index === null) index = 0;        console.log(index);        var dataAdapter = new jqx.dataAdapter(source);        JQXElements.settings['DropDownList'] =            {                selectedIndex: index, source: dataAdapter, displayMember: 'ContactName', valueMember: 'CompanyName'            }        window.onlaod = function() {            var myDropDwonList = document.querySelector('jqx-drop-down-list');            myDropDwonList.addEventListener('selected', event => jqx.cookie.cookie('jqxDropDownList_jqxWidget', event.args.item));        }    </script></head><body>    <div class="example-description">        In this sample is illustrated how to save and load the Custom element DropDownList's selection using cookies. This will allow you to keep the selection when the page is reloaded.    </div>   <jqx-drop-down-list settings="DropDownList"></jqx-drop-down-list></body></html>

autoOpen boolean false

Sets or gets the autoOpen property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			autoOpen:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

autoDropDownHeight boolean false

Sets or gets the autoDropDownHeight property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			autoDropDownHeight:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

animationType string 'slide'

Sets or gets the animationType property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			animationType:"fade", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

checkboxes boolean false

Sets or gets the checkboxes property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			checkboxes:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

closeDelay number 400

Sets or gets the closeDelay property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			closeDelay:200, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

disabled boolean false

Sets or gets the disabled property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			disabled:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

displayMember string ""

Sets or gets the displayMember property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			valueMember:"value", displayMember:"label", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

dropDownHorizontalAlignment string 'left'

Sets or gets the dropDownHorizontalAlignment property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			dropDownHorizontalAlignment:"right", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

dropDownVerticalAlignment string 'bottom'

Sets or gets the dropDownVerticalAlignment property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			dropDownVerticalAlignment:"top", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

dropDownHeight number 200

Sets or gets the dropDownHeight property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			dropDownHeight:200, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

dropDownWidth number 200

Sets or gets the dropDownWidth property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			dropDownWidth:210, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

enableSelection boolean true

Sets or gets the enableSelection property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			enableSelection:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

enableBrowserBoundsDetection boolean false

Sets or gets the enableBrowserBoundsDetection property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			enableBrowserBoundsDetection:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

enableHover boolean true

Sets or gets the enableHover property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			enableHover:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

filterable boolean false

Sets or gets the filterable property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			filterable:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

filterHeight number 27

Sets or gets the filterHeight property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			filterHeight:30,filterable:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

filterDelay number 100

Sets or gets the filterDelay property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			filterDelay:200,filterable:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

filterPlaceHolder string "Looking for"

Sets or gets the filterPlaceHolder property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			filterable:true, filterPlaceHolder:"Filtering...", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

height number null

Sets or gets the height property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

incrementalSearch boolean true

Sets or gets the incrementalSearch property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			incrementalSearch:false, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

incrementalSearchDelay number 700

Sets or gets the incrementalSearchDelay property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			incrementalSearchDelay:200, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

itemHeight number -1

Sets or gets the itemHeight property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			itemHeight:30, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

openDelay number 350

Sets or gets the openDelay property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			openDelay:2000, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

placeHolder string "Please Choose:"

Sets or gets the placeHolder property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			placeHolder:"Select", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

popupZIndex number 20000

Sets or gets the popupZIndex property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			popupZIndex:20000, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

rtl boolean false

Sets or gets the rtl property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			rtl:true, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

renderer function null

Sets or gets the renderer property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			renderer:"renderer", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

selectionRenderer function null

Sets or gets the selectionRenderer property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			selectionRenderer:"selectionRenderer", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

searchMode string startswith

Sets or gets the searchMode property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			searchMode:"startswith", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

scrollBarSize number 17

Sets or gets the scrollBarSize property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			scrollBarSize:15, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

source array null

Sets or gets the source property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

selectedIndex number -1

Sets or gets the selectedIndex property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			selectedIndex:1, theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

theme string ''

Sets or gets the theme property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

template string ''

Sets or gets the template property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			template:"success", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

valueMember string ""

Sets or gets the valueMember property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			valueMember:"value", displayMember:"label", theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

width number null

Sets or gets the width property.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{			theme:"light"		}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

bindingComplete Event

Code examples

Bind to the bindingComplete event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("bindingComplete", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

close Event

Code examples

Bind to the close event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("close", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

checkChange Event

Code examples

Bind to the checkChange event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("checkChange", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

change Event

Code examples

Bind to the change event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("change", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

open Event

Code examples

Bind to the open event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("open", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

select Event

Code examples

Bind to the select event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("select", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

unselect Event

Code examples

Bind to the unselect event of jqxDropDownList.

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addEventListener("unselect", function(event) {			// Your code here.		});	};    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

addItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").addItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

clearSelection Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").clearSelection();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

clear Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").clear();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

close Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").close();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

checkIndex Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").checkIndex(0);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

checkItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").checkItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

checkAll Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").checkAll();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

clearFilter Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").clearFilter();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

destroy Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").destroy();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

disableItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").disableItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

disableAt Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").disableAt(0);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

enableItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").enableItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

enableAt Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").enableAt(10);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

ensureVisible Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").ensureVisible(10);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

focus Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").focus();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

getItem Method

Parameter	Type	Description
index	number

Return Value
Object

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").getItem();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

getItemByValue Method

Parameter	Type	Description
itemValue	string

Return Value
Object

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").getItemByValue();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

getItems Method

Parameter	Type	Description
None

Return Value
Array

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").getItems();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

getCheckedItems Method

Parameter	Type	Description
None

Return Value
Array

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").getCheckedItems();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

getSelectedItem Method

Parameter	Type	Description
None

Return Value
Object

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").getSelectedItem();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

getSelectedIndex Method

Parameter	Type	Description
None

Return Value
Number

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").getSelectedIndex();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

insertAt Method

Parameter	Type	Description
item	object/string
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").insertAt('Item1',0);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

isOpened Method

Parameter	Type	Description
None

Return Value
Boolean

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").isOpened();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

indeterminateIndex Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").indeterminateIndex(0);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

indeterminateItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").indeterminateItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

loadFromSelect Method

Parameter	Type	Description
arg	string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").loadFromSelect('select');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

open Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").open();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

removeItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").removeItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

removeAt Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").removeAt(1);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

selectIndex Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").selectIndex(1);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

selectItem Method

Parameter	Type	Description
item	object

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").selectItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

setContent Method

Parameter	Type	Description
content	string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").setContent('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

updateItem Method

Parameter	Type	Description
newItem	object
item	any

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").updateItem('Item1','New Item');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

updateAt Method

Parameter	Type	Description
item	object
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").updateAt('Item1',0);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

unselectIndex Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").unselectIndex(1);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

unselectItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").unselectItem('item');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

uncheckIndex Method

Parameter	Type	Description
index	number

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").uncheckIndex(1);								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

uncheckItem Method

Parameter	Type	Description
item	object/string

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").uncheckItem('Item1');								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

uncheckAll Method

Parameter	Type	Description
None

Return Value
void

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		document.querySelector("jqx-drop-down-list").uncheckAll();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

val Method

Parameter	Type	Description
value	string

Return Value
String

<!DOCTYPE html><html lang="en"><head>    <title id='Description'>ComboBox Custom Element Settings</title>    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />    <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" />    <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" />    <link rel="stylesheet" href="../styles/demos.css" type="text/css" />    <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script>    <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script>    <script>	   var items = [            "Affogato",            "Americano",            "Bicerin",            "Breve",            "Cafe Bombon",            "Cafe au lait",            "Caffe Corretto",            "Cafe Crema",            "Caffe Latte",            "Caffe macchiato",            "Cafe melange",            "Coffee milk",            "Cafe mocha",            "Cappuccino",            "Carajillo",            "Cortado",            "Cuban espresso",            "Espresso",            "Eiskaffee",            "The Flat White",            "Frappuccino",            "Galao",            "Greek frappe coffee",            "Iced Coffee?",            "Indian filter coffee",            "Instant coffee",            "Irish coffee",            "Liqueur coffee"        ];		JQXElements.settings["dropdownlistSettings"] =		{					}	window.onload = function() {		var result = document.querySelector("jqx-drop-down-list").val();								}    </script></head><body>   <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list></body></html>

Custom Elements

Custom Elements

Properties

Events

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Code examples

Methods