Single Select Element

The SingleSelectElement class is utilised to create a single selection input element in a user interface.

Constructor

Name	Type	Description
elementId	string	Accepts the ID for the element in the constructor
label	string	Accepts the label for singleSelect in constructor
options	Array<OptionElement>	Accepts options for singleSelect in the constructor

Class Usage

Here’s how to create an instance of the SingleSelectElement class:

TypeScript

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

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

let optionsList = [option1, option2];

let singleSelectElement = new SingleSelectElement(
  "1",
  "Choose an option",
  optionsList
);

In this example, a new instance of SingleSelectElement 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 single select input, while the getDefaultValue() retrieves it.

For example:

TypeScript

singleSelectElement.setDefaultValue("1");

Example

Here is an example that showcases the creation and manipulation of an instance of SingleSelectElement:

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 SingleSelectElement

let singleSelectElement = new SingleSelectElement(
  "1",
  "Choose an option",
  optionsList
);

// Set and get the default value

singleSelectElement.setDefaultValue("1");