Skip to main content


An input that represents an advanced select box with a set of options. It is able to provide suggestions while a user is typing text.

Combo control

Related sample: Form. All DhxForm Inputs

Related sample: Form. Combo

Adding Combo#

You can easily add a Combo control during initialization of a form:

var form = new dhx.Form("form_container", {    rows: [        {            type: "combo",            name: "combo",            label: "count",            labelPosition: "left",            multiselection: true,            selectAllButton: true,            value: [                "id_1",                "id_2"            ],            data: [                { value: "1", id: "id_1" },                { value: "2", id: "id_2" },                { value: "3", id: "id_3" },                { value: "4", id: "id_4" },                { value: "5", id: "id_5" }            ]        }    ]});


View the full list of configuration properties of the Combo control.

Working with Combo#

You can manipulate a Combo control by using methods or events of the object returned by the getItem() method.

For example, you can get the value of the control:

var value = form.getItem("Combo").getValue();


Check the full list of methods of the Combo control.


Check the full list of events of the Combo control.

Working with the dhtmlxComboBox widget#

There is a possibility to use methods of dhtmlxCombobox via the getWidget() method of a Combo control.

For example, you can set focus in the Combo input without opening a popup with options. To do this, you need to get the widget attached to the Combo control and then use the focus() method of this widget.

var combo = form.getItem("combo").getWidget();  // -> ComboBoxcombo.focus(); // sets focus in the input