Bei einem DropDown Eintrag automatische Weiterleitung

  • Bei einem DropDown Eintrag automatische Weiterleitung

    Hallo zusammen,

    ich habe da ein Problem. Und zwar möchte ich in einem Formular bei einem DropDown alle Einträge normal handhaben bis auf einen. Klickt man diesen an bzw. wählt man diesen aus, soll man sofort zu einer hinterlegten Seite weitergeleitet werden.

    Quasi so:

    Quellcode

    1. <select name = "zahlen">
    2. <option>Bitte w&auml;hlen</option>
    3. <option value = "vorkasse">Vorkasse</option>
    4. <option value = "paypal">PayPal</option>
    5. <option value = "selbstabholen">Selbstabholen</option>
    6. </select>


    Und wenn man vorkasse oder paypal wählt soll man mit dem formular normal fortfahren und bei selbstabholen z.b. zur seite sonderbedingungen_selbstabholung.php weitergeleitet werden.

    Habe schon viel nach gegooglet, aber bisher nur gefunden, dass man das per java script auf ALLE optionen anwenden kann. Ich würde es gerne nur auf einen bzw. auf bestimmte optionen anwenden - Wer kann mir helfen?

  • Hier ein Beispiel das auch ohne Probleme direkt funktionieren sollte :)

    Quellcode

    1. <select name = "zahlen" onchange = "weiterleiten(this);">
    2. <option>Bitte w&auml;hlen</option>
    3. <option value = "vorkasse">Vorkasse</option>
    4. <option value = "paypal">PayPal</option>
    5. <option value = "selbstabholen">Selbstabholen</option>
    6. </select>


    Quellcode

    1. <script type="text/javascript">
    2. function weiterleiten(frmSelect) {
    3. if (frmSelect.value == 'selbstabholen') {
    4. location.href = "sonderbedingungen_selbstabholung.php";
    5. }
    6. }
    7. </script>

  • Du könntest sowas machen ...

    Quellcode

    1. window.onload = function(){
    2. document.getElementById('default').selected = true;
    3. }


    &&

    Quellcode

    1. <select id="dropdown" onChange="forwarding(this.value);">
    2. <option value="#" id="default">Punkt #1</option>
    3. <option value="Punkt'>http://web.de">Punkt #2</option>
    4. <option value="Punkt'>http://google.de">Punkt #3</option>
    5. <option value="Punkt'>http://ebay.de">Punkt #4</option>
    6. <option value="Punkt'>http://youtube.de">Punkt #5</option>
    7. </select>


    Beim "zurückgehen" wird wieder die Standard Option ausgewählt ...

  • Danke für die Hile! Aber scheint nicht zu klappen.... schreibe mal folgenden Code in eine html Datei:

    Quellcode

    1. <script type="text/javascript">
    2. function weiterleiten(frmSelect) {
    3. if (frmSelect.value == 'kaufaufrechnung') {
    4. location.href = "kaufaufrechnung.php";
    5. }
    6. }
    7. </script>
    9. <script type="text/javascript">
    10. window.onload = function(){
    11. document.getElementById('default').selected = true;
    12. }
    13. </script>
    15. <select name="zahlmethode" id="zahlmethode" onchange="weiterleiten(this);forwarding(this.value);">
    16. <option id="default">Bitte w&auml;hlen</option>
    17. <option value = "vorkasse" >Vorkasse</option>
    18. <option value = "paypal">PayPal</option>
    19. <option value = "kaufaufrechnung">Kauf auf Rechnung</option>
    20. </select>
    Alles anzeigen


    Und dann im Drop-Down "Kauf auf Rechnung" auswählen und danach den Zurück-Button benutzen. Bliebt leider Kauf auf Rechnung :(

  • Leider nein, auch damit klappt es nicht ;(

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    2. "http://www.w3.org/TR/html4/loose.dtd">
    3. <html>
    4. <head>
    6. <title>Testseite</title>
    7. <script type="text/javascript">
    8. function weiterleiten(frmSelect) {
    9. if (frmSelect.value == 'kaufaufrechnung') {
    10. location.href = "kaufaufrechnung.php";
    11. }
    12. }
    13. </script>
    15. <script type="text/javascript">
    16. window.onload = function(){ document.getElementById('default').selected = true;
    17. }
    18. </script>
    20. </head>
    21. <body>
    23. <select name="zahlmethode" id="zahlmethode" onchange="weiterleiten(this);forwarding(this.value);">
    24. <option id="default">Bitte w&auml;hlen</option>
    25. <option value = "vorkasse" >Vorkasse</option>
    26. <option value = "paypal">PayPal</option>
    27. <option value = "kaufaufrechnung">Kauf auf Rechnung</option>
    28. </select>
    30. </body>
    31. </html>
    Alles anzeigen