HTML-DOM Option Index Eigenschaft
Option Object Definition und Verwendung
Eigenschaft gibt den Index Dropdown-Liste der Optionen im Index.
Der Index beginnt bei 0.
Grammatik
Einstellen Index Eigenschaften:
optionObject.index=integer
Gibt Indexeigenschaften:
optionObject.index
Browser-Unterstützung
Alle gängigen Browser unterstützen Index-Attribut
Beispiele
Beispiele
Dieses Beispiel gibt die Indexposition der Dropdown-Liste der gewählten Optionen:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
var x = document.getElementById ( "MYSELECT") selectedIndex .;
var y = document.getElementById ( "MYSELECT") Optionen .;
alert ( "Index:" + y [x] .index + "ist" + y [x] .text);
}
</ Script>
</ Head>
<Body>
<Form>
Wählen Sie Ihre Lieblingsfrucht:
<Wählen Sie id = "MYSELECT">
<Option> Apple-</ option>
<Option> Orange </ option>
<Option> Ananas </ option>
<Option> Banana </ option>
</ Select>
</ Form>
<Taste type = "button" Onclick = "displayResult ()"> Anzeige Index </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
var x = document.getElementById ( "MYSELECT") selectedIndex .;
var y = document.getElementById ( "MYSELECT") Optionen .;
alert ( "Index:" + y [x] .index + "ist" + y [x] .text);
}
</ Script>
</ Head>
<Body>
<Form>
Wählen Sie Ihre Lieblingsfrucht:
<Wählen Sie id = "MYSELECT">
<Option> Apple-</ option>
<Option> Orange </ option>
<Option> Ananas </ option>
<Option> Banana </ option>
</ Select>
</ Form>
<Taste type = "button" Onclick = "displayResult ()"> Anzeige Index </ button>
</ Body>
</ Html>
Versuchen »
Option Object