Skip to main content

Select

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"
}
]
}
]
});

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:

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