метод Select add()

Объект Select DOM HTML

определение и использование

add() Этот метод используется для добавления опций в выпадающий список.

подсказка:Если нужно удалить опцию из выпадающего списка, используйте метод remove().

пример

пример 1

добавить опцию "Kiwi" в конец выпадающего списка:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);

попробуйте сами

пример 2

добавить опцию "Kiwi" в начало выпадающего списка:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);

попробуйте сами

пример 3

добавить опцию "Kiwi" в позицию "2" в выпадающем списке:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);

попробуйте сами

пример 4

добавить опцию перед выбранным значением в выпадающем списке:

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
  var option = document.createElement("option");
  option.text = "Kiwi";
  var sel = x.options[x.selectedIndex]; 
  x.add(option, sel);
}

попробуйте сами

грамматика

selectObjectadd(option, index)

Значение параметра

Параметр Описание
option Обязателен. Определяет элемент, который нужно добавить. Это должно быть элемент option или optgroup.
index

Опционально. целое число, определяющее позицию, в которую должен быть вставлен новый элемент. Индекс начинается с 0.

Если индекс не указан, новый элемент будет вставлен в конец списка.

Технические детали

Возвращаемое значение:

Нет возвращаемого значения.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Select DOM HTML