Skip to main content

Select

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",
            width:"200px",
            options: [
                {
                    value: "1",
                    content: "1",
                    disabled: true
                },
                {
                    value: "2",
                    content: "2"
                },
                {
                    value: "3",
                    content: "3"
                },
                {
                    value: "4",
                    content: "4"
                }
            ]        
        }  
    ]
});

Properties​

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();

Methods​

Check the full list of methods of the Select control.

Events​

Check the full list of events of the Select control.