JavaScript/DOM/Document/forms/elements/options/value

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | forms‎ | elements‎ | options
Wechseln zu: Navigation, Suche

Die Eigenschaft options.value speichert den internen Absendewert eines Eintrags in einer Auswahlliste.


Beispiel ansehen …
 	document.Testform.Auswahl.addEventListener('change', CheckAuswahl);
 
	function CheckAuswahl () {
		for (var i = 0; i < document.Testform.Auswahl.length; ++i) {
			if (document.Testform.Auswahl.options[i].selected == true) {
				document.querySelector('output').innerHTML = document.Testform.Auswahl.options[i].value;
      		}
    	}
	}

Das Beispiel enthält ein Formular mit einer Auswahlliste. In den einzelnen <option>-Tags sind im Attribut value interne Absendewerte notiert. Jedes Mal, wenn der Anwender eine Auswahl in der Auswahlliste trifft, wird die Funktion CheckAuswahl() aufgerufen. Die Funktion ermittelt in einer for-Schleife für alle Auswahlmöglichkeiten der Auswahlliste, ob die jeweilige Auswahl selektiert wurde. Wenn ja, wird der interne Absendewert der Auswahlmöglichkeit in einem Meldungsfenster ausgegeben.