Skip to main content


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

Select control

Related sample: Form. All DhxForm Inputs

Related sample: Form. Select

Adding Select#

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

var form = new dhx.Form("form_container", {    rows: [        {            type: "select",            name: "select",            label: "select",            labelWidth: "50px",            width:"200px",            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:

var 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.