Onclick-Event liefert mit Switch den falschen Wert
Unvermeidbär
- javascript
Hallo zusammen,
bei der Erstellung eines Formulars hat sich ein kleines Problem ergeben.
Im Formular ist eine dropdown-Box. Nach Auswahl eines Werts und Klicken auf den Button soll die entsprechende interne Seite aufgerufen werden.
Das Formular passt Der Button auch, nur kommt momentan bei jeder Auswahl und Buttonclick der Defaultweg (Alert) zum tragen.
Kann mir jemand vielleicht helfen? Habe ich was übersehen?
Vielen Dank.
Code:
<form method="get" name="Auswahl" >
<p align="center">
<select name="Reiseziel">
<option selected="">Ziel</option>
<option>Amsterdam</option>
<option>Barcelona</option>
<option>Berlin</option>
<option>Dresden</option>
<option>Hamburg</option>
<option>London</option>
<option>München</option>
<option>Paris</option>
<option>Prag</option>
<option>Rom</option>
<option>Stockholm</option>
<option>Warschau</option>
</select></p>
<p align="center"><input type="button" value="Suchen" onclick="wechsel()" /></p>
</form>
script type="text/javascript">
function wechsel()
{
var stadt = document.Auswahl;
switch (stadt.Reiseziel.selectIndex)
{
case "Amsterdam": document.open["pages/amsterdam.html"];break;
case "Berlin": document.open["pages/berlin.html"];break;
case "Dresden": document.open["pages/dresden.html"];break;
case "Barcelona": document.open["pages/barcelona.html"];break;
case "Paris": document.open["pages/paris.html"];break;
case "Stockholm": document.open["pages/stockholm.html"];break;
default: alert('Zur Zeit kein Angebot');
}
}
</script>
[/code]
@@Unvermeidbär:
nuqneH
nur kommt momentan bei jeder Auswahl und Buttonclick der Defaultweg (Alert) zum tragen.
Da stadt.Reiseziel.selectIndex
undefined ist, sollte das nicht weiter verwundern. Verwunderlich daran ist nur, dass du das in deinem Debugging nicht selbst herausgefunden hast.
Gute-Nacht-Lektüre für dich: http://de.selfhtml.org/javascript/objekte/options.htm. Ausdrucken und unters Kopfkissen legen.
Qapla'
@@Unvermeidbär:
nuqneH
nur kommt momentan bei jeder Auswahl und Buttonclick der Defaultweg (Alert) zum tragen.
Da
stadt.Reiseziel.selectIndex
undefined ist, sollte das nicht weiter verwundern. Verwunderlich daran ist nur, dass du das in deinem Debugging nicht selbst herausgefunden hast.Gute-Nacht-Lektüre für dich: http://de.selfhtml.org/javascript/objekte/options.htm. Ausdrucken und unters Kopfkissen legen.
Qapla'
Danke für die Hinweise.
Wird heute abend gleich geprüft und umgesetzt.
Bisher hatte ich mit Javascript nicht soviel zu tun. Und beim Debugging schein ich dann auch gepennt zu haben.
Die Gute-Nacht-Lektüre ist gut und schon mal ausgedruckt. Dank häufiger Zugfahrt wird sie aber dort jetzt konsumiert.
Das Formular passt Der Button auch, nur kommt momentan bei jeder Auswahl und Buttonclick der Defaultweg (Alert) zum tragen.
Kann mir jemand vielleicht helfen? Habe ich was übersehen?
Vielen Dank.
Code:
<form method="get" name="Auswahl" >
<p align="center">
<select name="Reiseziel">
<option selected="">Ziel</option>
...
<option>Warschau</option>
</select></p>
<p align="center"><input type="button" value="Suchen" onclick="wechsel()" /></p>
</form>script type="text/javascript">
function wechsel()
{
var stadt = document.Auswahl;
switch (stadt.Reiseziel.selectIndex)
Die Rückgabe von selectedIndex ist eine Zahl. Sie ensrpricht dem Arrayelement der Optionen in select.
mfg Beat