Skip to main content
The DropdownElement class is used to create a dropdown selection element in a user interface.

​
Constructor

NameTypeDescription
elementIdstringAccepts the ID for the element in the constructor
labelstringAccepts the label for dropDown in the constructor
optionsArray<OptionElement>Accepts options for dropDown in the constructor

​
Class Usage

Here’s an example of how you can create an instance of the DropdownElement class:
  • TypeScript
let option1 = new OptionElement("Option 1", "1");

let option2 = new OptionElement("Option 2", "2");

let optionsList = [option1, option2];

let dropdownElement = new DropdownElement("1", "Choose an option", optionsList);
In this example, a new instance of DropdownElement is created with an elementId “1”, a label “Choose an option”, and a list of two options.

​
Key Properties and Methods

​
Default Value of the Input Element

The setDefaultValue() method sets the default value in the dropdown input, while the getDefaultValue() retrieves it. For example:
  • TypeScript
dropdownElement.setDefaultValue("1");

​
Example

Here is an example that showcases the creation and manipulation of an instance of DropdownElement:
  • TypeScript
// Create some options

let option1 = new OptionElement("Option 1", "1");

let option2 = new OptionElement("Option 2", "2");

let optionsList = [option1, option2];

// Create a new instance of DropdownElement

let dropdownElement = new DropdownElement("1", "Choose an option", optionsList);

// Set and get the default value

dropdownElement.setDefaultValue("1");