< Meet dhtmlxSuite 6.1 with inline editing, multiselection, multiple drag-n-drop & much more

JavaScript ComboBox

dhtmlxComboBox is a feature-rich JavaScript/HTML combobox with extensive customization options.
Part of the leading-edge Suite UI library.

Product Features

  • Cross-browser compatibility
  • IE11+ support
  • Full control with JavaScript API
  • Simple configuration
  • Extensive customization
  • Editable/read-only modes
  • Disabled mode
  • Custom filtering
  • Custom templates for list items
  • Sorting
  • Integration with dhtmlxForm
  • Showing the number of selected items
  • Selecting multiple options
  • Dynamic rendering
  • Marking as a required field
  • Adding a hidden label
  • Multilanguage support
  • Data loading from JSON and JavaScript

How to Create ComboBox in JavaScript

5 quick steps describing how to start using combobox in HTML and JavaScript:
1
Create an HTML file
2
Include the combobox css and js source files in the header
3
Add a container with an id - e.g. “combo_container”
4
Initialize the widget with the dhx.Combobox object constructor
5
Set the configuration options you need

Live JavaScript ComboBox Example

Why Choose a JavaScript ComboBox by DHTMLX?

Build a full-featured JavaScript combobox

dhtmlxComboBox offers a complete toolkit for creating a powerful select box. As soon as a user starts typing in some text in an input field, our combobox displays suggestions from the list. An end user can select several or all options at once. If needed, our JavaScript combobox is able to show a number of selected options.

Make use of the rich JavaScript API

dhtmlxComboBox provides a complete JavaScript API with a wide range of configuration options. You can adjust the height of list items and cells, set a label with specific width and position, make it hidden or add a placeholder into the input field. On top of all, developers can set custom filters for displaying suggested options in different ways.

Enjoy flexible customization options

Like other DHTMLX components, our HTML combobox is very easy to fine-tune and customize to your requirements. You can change the look of an input field by modifying its borders, background, etc. Besides, it’s possible to add icons or other HTML elements to the list items by setting custom templates for displaying the options of the list.

Integrate into your Angular, React, or Vue.js-based apps

You can use dhtmlxComboBox in your projects based on such trendy frameworks as Angular, React, and Vue.js. We provide special wrappers for these technologies, which would make the integration process smooth. You can test it during the 30-day evaluation period with the help of our docs and technical support team.

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

demo-screenshot

File manager built with the help of Suite components: Layout, Grid, DataView, Toolbar, etc.

Try All UI Components for Free

All JavaScript UI components are part of the dhtmlxSuite library. You can download the free trial version of Suite and benefit from:

30 days of free evaluation

Official technical support

Full toolkit of 21 components

PRO features

Need help with dhtmlxComboBox integration into your app? Contact us