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.