mit Java-Script im Drop-Down selektieren Wert ausgeben
Hendric
- javascript
0 plan_B0 plan_B
0 Linksetzer
Das JavaScript soll mir den im Drop-Down-Menü selektierten Wert ausgeben. Klappt so leider nicht. Was mache ich falsch?
<html>
<head>
<script type="text/javascript">
function CheckAuswahl ()
{
alert(Testform.Auswahl.selected);
return true;
}
</script>
</head>
<body>
<form name="Testform" onsubmit="return CheckAuswahl()" action="">
<select name="Auswahl" size="5">
<option>Goethe</option>
<option>Schiller</option>
<option>Guildo Horn</option>
<option>Homer</option>
<option>Fontane</option>
</select>
<br>
<input type="submit">
</form>
</body>
</html>
Hallo,
Das JavaScript soll mir den im Drop-Down-Menü selektierten Wert ausgeben. Klappt so leider nicht. Was mache ich falsch?
bevor du einen klomplizierten Ausdruck auswertest, könntest du mit einem einfachen anfangen ...
> function CheckAuswahl ()
> {
alert("Testform: " + Testform);
> alert(Testform.Auswahl.selected);
> return true;
> }
und dann nochmal die Formularseiten genauer lesen
Gruß plan_B
es ist wirklich ein Jammer, dass in allen Beispielen wie auch hier http://de.selfhtml.org/javascript/objekte/options.htm#selected@title=options.htm#selected so wenig Gebrauch von http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this gemacht wird.
damit lassen sich Formularelemente doch viel einfacher ansprechen ...
function CheckAuswahl (form_elem) {
alert("form_elem.name: "+ form_elem.name);
if (form_elem.Auswahl.options[2].selected ) {
alert("Diese Auswahl gilt nicht");
return false;
}
return true;
}
function change_sel(elem) {
alert("Element.name: " elem.name
+ "\n selectedIndex: "+ elem.selectedIndex);
}
<form name="Testform" onsubmit="return CheckAuswahl(this)" action="">
<select name="Auswahl" size="5" onchange="change_sel(this)">
<option>Goethe</option>
...
</select>
<br>
<input type="submit">
</form>
Gruß plan_B