Zugriff auf Formulare - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 349

Die Eigenschat value versus der Eigenschat text
Werfen wir also nochmals einen genauen Blick auf die Eigenschat value eines Eintrags in
einer Auswahlliste. Damit greifen wir gezielt auf den Wert eines Eintrags in einer Auswahl-
liste zu. Beachten Sie aber, dass der Wert eines Eintrags in einer Auswahlliste nicht die
Bedeutung hat, die er bei den meisten anderen Formularelementen hat.
Der Wert repräsentiert im Allgemeinen nicht die sichtbare Beschritung eines Eintrags in
einer Auswahlliste, sondern den Wert, der beim Versenden eines Formulars an den Server
übermittelt wird. Wenn value nicht angegeben wird (weder in (X)HTML noch per JavaScript),
wird aber der Text aus dem <option> -Container an den Server übermittelt und damit value
indirekt durch den dort angezeigten Text belegt. Wenn jedoch die Eigenschat value bei
einem Eintrag in einer Auswahlliste angegeben ist, steht der angezeigte Text nicht über
value , sondern nur über die Eigenschat text bereit.
Sie kommen nun jedoch nicht über this.text respektive das Objekt in elements an den
Text, sondern nur über this.options[n].text bzw. das zugehörige Objekt, also so, wie
Sie - um auch dieses einmal zu erwähnen - beim Internet Explorer bei value vorgehen
müssen, es aber einige andere Browser hier nicht unterstützen. Diese Browser biegen this
jetzt also im Gegensatz zum Fall mit value nicht um, wenn Sie die Eigenschat text abfra-
gen. Insgesamt inde ich, dass sich beim Zugrif auf Auswahllisten eigentlich nur der Inter-
net Explorer konsequent und logisch verhält.
Betrachten wir eine Abwandlung von unserem bisherigen Beispiel, das auch explizit den
Internet Explorer per Browserweiche von anderen Browsern trennt (kap12_4.html):
Listing 12.9■ Die geänderte Auswahlliste mit expliziter Angabe von value
...
<form><select name="ticket" id="t">
<option value="e" >Erwachsener</option><option value="k" >Kind</option>
<option value="f" >Familie</option></select></form>
...
Sie sehen, dass für die Einträge in der Auswahlliste nun explizit Werte für das HTML-Attri-
but value angegeben werden. Entsprechend werden die Zugrife auf die Eigenschaten
value und text des DOM-Objekts unterschiedliche Ergebnisse liefern. Das verwenden wir
in der JavaScript-Datei kap12_4.js:
Listing 12.10■ Bestimmen des ausgewählten Eintrags in der Auswahlliste
function init() {
document.getElementById("t").onchange = check;
}
function check() {
if (navigator.appName.indexOf('Internet Explorer') != -1) {
document.getElementById("info").innerHTML = "Wert in <i>value</i>: "
+ this.options[this.selectedIndex].value +
"<br/>Im Vergleich der Wert in <i>text</i>: " +
this.options[this.selectedIndex].text;
} else {
document.getElementById("info").innerHTML = "Wert in <i>value</i>: "
+ this.value + "<br/>Im Vergleich der Wert in <i>text</i>: " +
this.options[this.selectedIndex].text;
}