Skip to main content


An advanced select box that provides a set of options to choose from.

Select control

Related sample: Form. All controls

Related sample: Form. Select

Adding Select

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

const form = new dhx.Form("form_container", {
rows: [
type: "select",
name: "select",
label: "select",
labelWidth: "50px",
options: [
value: "1",
content: "1",
disabled: true
value: "2",
content: "2"
value: "3",
content: "3"
value: "4",
content: "4"


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

Working with Select

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

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

const value = form.getItem("select").getValue();


Check the full list of methods of the Select control.


Check the full list of events of the Select control.