jQWidgets jqxComboBox updateItem() 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 updateItem() method is used to update the new item. It accepts two parameters, the first one is new item and the second one is the existing item that needs to update.  

The Object represents the following fields:

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

Syntax:

$('selector').jqxComboBox('updateItem', new_item, existing_item);

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 updateItem() method in jQWidgets:

Example:

Output:

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