Select

Select – класс для создания списка выбора с полем.

ISelectItem

ISelectItem – интерфейс, хранящий описание элемента списка.

export interface ISelectItem {
  // Свойство, хранящее текст элемента списка, который будет отображаться
  text: string;
  // Свойство, хранящее значение элемента списка, которое необходимо для работы списка
  value: string;
}

Свойства

select : HTMLElement

HTML представление списка выбора.

get select(): HTMLElement;

disabled : boolean

Состояние для отключения списка.

get disabled(): boolean;
set disabled(value: boolean);

selectedIndex : number

Индекс выбранного элемента в списке.

get selectedIndex(): number;
set selectedIndex(value: number);

placeholder : string

Текст-подсказка поля выбора.

get placeholder(): string;
set placeholder(value: string);

label : HTMLElement

HTML представление текста-подсказки.

get label(): HTMLElement;

previousSelectedIndex : number

Индекс предыдущего выбранного элемента в списке.

get previousSelectedIndex(): HTMLElement;

Методы

onChange()

Подписка на событие изменения выбранного в списке значения.

onChange({ index: number, value: string }): void

где:
index - индекс выбранного значения.
value - значение элемента списка.

update()

Метод обновляет элементы списка.

update(array: ISelectItem [], selectedIndex: number): void

где:
array - массив новых элементов. Подробнее: ISelectItem.
selectedIndex - элемент, выбранный в новом списке.