JavaScript ComboBox with Autocomplete

JavaScript ComboBox

dhtmlxCombo is a JavaScript/HTML5 autocomplete dropdown UI component. You can use dhtmlxCombo as an individual component or as a part of dhtmlxSuite UI library

Product Features

  • Full control with JavaScript API
  • Simple configuration
  • Editable/read-only modes
  • Filtering mode
  • Custom select list item types: checkbox, image
  • Templates for list items (custom items)
  • Integration with dhtmlxGrid and dhtmlxForm
  • Cross-browser autocomplete combobox
  • Autocomplete behavior
  • Sorting
  • Multiline items
  • Linked combo boxes
  • The ability to convert existing select boxes
  • Multicolumn combo
  • Loading options list from select box, XML, JavaScript, JSON

Live Demo

Editable mode:
Read-only mode:
Filtering mode:
filter existing list
Autocomplete mode:
start typing to load country names from server
Combobox with icons:
Combobox with checkboxes:
Extended select box functionality
dhtmlxCombo is a cross-browser JavaScript combobox with an autocomplete feature. It extends basic select box functionality and provides the ability to display suggestions while a user types in the text field. dhtmlxCombo can be converted from existing instances of HTML Select, or populated with JavaScript. With Ajax data loading, it can get the list of values dynamically from the server datasource.
Different variants of initialization
You can convert existing select boxes to combobox objects automatically by enabling automatic conversion, or manually with a script method. This dropdown box can also be initialized from XML, JavaScript, or JSON.
Four modes in dhtmlxCombo:
  • Editable select box - A user can either select a value from the list or type a custom value.
  • Read-only select box - A user can select just one value from the associated list of choices.
  • Filter - The whole list is loaded on the client side, and as a user begins to type, the list is updated with the appropriate values (which contain or begin from the characters typed).
  • Autocomplete - The list is loaded and shown as a user types in the input box.
Wide range of component control options
Like other DHTMLX components, dhtmlxCombo provides a complete JavaScript API to give developers a wide range of options to control the component state and behavior. To manage client-server data communication for dhtmlxCombo, we're offering a dhtmlxConnector extension that simplifies server-side integration (PHP, .NET, Java, ColdFusion).
Multicolumn Combo
This JavaScript autocomplete combobox has the ability to create a combo with multiple columns. The list of suggestions has no limits in amount of information that can be displayed in combo.
More features become available
It supports easy creation of linked combo boxes, sorting, custom text templates, and multiline items.

Editions and Licenses

Standard GNU GPL v2
Free under GPL
  • Use in unlimited projects
  • Forum support
  • Minor and Major updates
Standard Commercial license
up to 5 developers
  • Use in one project
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
Standard Enterprise license
per company
  • Use in unlimited projects
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)

Support & Learning Resources

Technical samples

All Combo features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.


Our detailed documentation can learn how to use Combo and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxCombo integration into your app? Contact us