Metoda add() Select

Obiekt Select DOM HTML

Definicja i użycie

dodaj() Metoda ta służy do dodawania opcji do listy rozwijanej.

Wskazówka:Aby usunąć opcję z listy rozwijanej, użyj Metoda remove().

Przykład

Przykład 1

Dodaj opcję "Malina" na końcu listy rozwijanej:

var x = document.getElementById("mySelect");
var opcja = document.createElement("opcja");
opcja.text = "Malina";
x.dodaj(opcja);

spróbuj sam

Przykład 2

Dodaj opcję "Malina" na początku listy rozwijanej:

var x = document.getElementById("mySelect");
var opcja = document.createElement("opcja");
opcja.text = "Malina";
x.dodaj(opcja, x[0]);

spróbuj sam

Przykład 3

Dodaj opcję "Malina" w pozycji "2" na liście rozwijanej:

var x = document.getElementById("mySelect");
var opcja = document.createElement("opcja");
opcja.text = "Malina";
x.dodaj(opcja, x[2]);

spróbuj sam

Przykład 4

Dodaj opcję przed wybraną opcją w liście rozwijanej:

var x = document.getElementById("mySelect");
jeśli (x.selectedIndex >= 0) {
  var opcja = document.createElement("opcja");
  opcja.text = "Malina";
  var wybrany = x.options[x.selectedIndex]; 
  x.dodaj(opcja, wybrany);
}

spróbuj sam

język

wybierzObiektdodaj(option, index)

Wartość parametru

Parametry Opis
option Wymagane. Określa opcję do dodania. Musi być elementem option lub optgroup.
index

Opcjonalne. Całkowita liczba, określająca pozycję, w której ma zostać wstawiony nowy element opcji. Indeks zaczyna się od 0.

Jeśli nie określono indeksu, nowa opcja zostanie wstawiona na końcu listy.

Szczegóły techniczne

Wartość zwracana:

Brak wartości zwracanej.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt Select DOM HTML