Unvermeidbär: Onclick-Event liefert mit Switch den falschen Wert

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&uuml;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]

  1. @@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'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. @@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.

  2. 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

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische