jQWidgets jqxComboBox getSelectedItem() Method

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxComboBox is used to represent a jQuery combobox widget that contains an input field with autocomplete functionality and a list of selectable items displayed in a drop-down.

The getSelectedItem() method is used to get the selected item. It does not accept any parameter and returns an Object or null(if there is no selected item).

The returned value is an object with the following fields:

• label
• value
• disabled
• checked
• hasThreeStates
• html
• index
• group

Syntax:

var item = $('selector').jqxComboBox('getSelectedItem');

Linked Files: Download jQWidgets from https://www.jqwidgets.com/download/ link. In the HTML file, locate the script files in the downloaded folder:

<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqx-all.js"></script> <script type="text/javascript" src="jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqxcolorpicker.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/jqxcombobox.js"></script>

The below example illustrates the  jqxComboBox getSelectedItem() method in jQWidgets:

Example:

Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcombobox/jquery-combobox-api.htm