jQWidgets jqxComboBox searchMode Property

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 auto-complete functionality and a list of selectable items displayed in a drop-down.

The searchMode property is used to set or return the item search mode. This property is useful when the user types into the edit field. It accepts string type value and its default value is 'startswith'.

Its possible values are -

• 'none'
• 'contains'
• 'containsignorecase'
• 'equals'
• 'equalsignorecase'
• 'startswithignorecase'
• 'startswith'
• 'endswithignorecase'
• 'endswith'

Syntax:

Set the searchMode property.

$('selector').jqxComboBox({ searchMode: String });

Return the dropDownHeight property.

var searchMode = $('selector').jqxComboBox('searchMode');

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 searchMode property in jQWidgets:

Example:

Output:

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