Select-Box: Value & Content auslesen

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
 

Neue Beiträge

Zurück