✔ Select-Box: Value & Content auslesen

Mik3e

Mik3e

Erfahrenes Mitglied
Hi!

Ich habe eine Select Box mit mehreren Option-Elementen.
Den value bei onChange kann man problemlos auslesen, wie jedoch bekomme ich den Inhalt (text) des gewählten elements

PHP: 
<script language="javascript">
funktion testfunktion() {
    alert(document.getElementById("test").value); // -> Liefert value;
}
</script>

<Select name="test" id="test" onChange="testfunktion">
<option value="1">1. Inhalt</option>
<option value="2">2. Inhalt</option>
<option value="3">3. Inhalt</option>
</select>

Sicher nur eine kleinigkeit, danke für die Hilfe,
LG
Mike
 
Danke.. leider nein :suspekt:
Zur Info: IE 6.0 (möglicherweise unterstützt der diese methode nicht).
Resultat ist jedenfalls ein undefinend.

hier nochmals das Codefragment 1:1:
PHP: 
<head>
......
<script language="javascript">
function setKategorie()
{
	alert(document.getElementById("kategorieIDselectbox").value); // -> Liefer Wert
	alert(document.getElementById("kategorieIDselectbox").text); // -> Liefert UNDEFINED
}
</script>
...
</head>
<body....>
......
<select name="kategorieIDselectbox" id="kategorieIDselectbox" onChange="setKategorie();">
    <option value="1" style="background-color: #FF0000;">Kategorie 1</option>
    <option value="2" style="background-color: #FF0000;">Kategorie 2</option>
    <option value="3" style="background-color: #FF0000;">Kategorie 3</option>
</select>

LG
Mike
 
Zuletzt bearbeitet:
Dann eben so:
Code: 
alert(document.getElementById("test").options[document.getElementById("test").selectedIndex].text)
 
Du kannst per this der Funktion das Ursprungselement auch als Objekt übergeben....das spart dir Schreibarbeit und reduziert mögliche Fehlerquellen:

Code: 
<script type="text/javascript">
function funktion(obj)
{
alert(obj.options[obj.selectedIndex].text)
}
</script>
.....
<select onchange="funktion(this)">
 
Mache ich auch.. Habs nur im beispiel nicht angeführt um nicht unnötig für Verwirrung zu sorgen...

Danke jedenfalls,
LG
Mike
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück