Javascript (onClick / onChange) --> Hilfe!

1. offizieller Beitrag
    • Offizieller Beitrag

    Hallo,


    für alle die sich mit Javascript auskennen. Ich brauche eure Hilfe. Ich habe jetzt mehrere Stunden Google und diverse andere Suchmaschinen attakiert aber nichts entsprechendes gefunden.


    Ich habe mir eine HTML Auswahlbox gebastelt


    Zitat

    <form method="post" action="">
    <select name="box" onChange="">
    <option value="http://board.ttlg.de">TTLG Board</option>
    <option value="http://test.ttlg.de">TTLG Test</option>
    <option value="http://hsllo.ttlg.de">TTLG Hallo</option>
    </select></form>


    So in etwa (ist jetzt bloß als Beispiel gedacht) wird das ganze aussehen. Jetzt möchte ich dass wenn jemand eine der Optionen auswählt auf diese Seite weitergeleitet wird die in der Option definiert wird. Dies regelt mein onChange im öffnenden "select" Tag. Ja, das heiß dass sollte er regeln. Allerdings weiß ich nicht was ich dazu reinschreiben muss.


    Das ganze sollte im gleichen Fenster geöffnet werden (also quasi fast direkt als Link funktionieren) ohne weitere Änderungen.


    Außerdem versuche ich das ganze so einzurichten (für etwas anderes), dass wenn jemand eine Option auswählt erst noch auf ein Image klicken muss (onClick) um auf diese Option weitergeleitet zu werden. Das weiß ich allerdings auch nicht wie dies geht.


    So, falls Ihr noch Fragen hierzu habt postet Sie einfach. Ansonsten danke ich euch schoneinmal und hoffe Ihr könnt mir helfen...

    Hallo Stefan


    Ich weiss nicht ob dir das hilft, aber ich hab mal in so ein Forum reingeschaut da wird über sowas ähnliches geschrieben.
    Forum


    VLG Theker

    Folgendes müsste bei allen modernen Browsern laufen:


    <form method="post" action="">
    <select name="box" onChange="location.href=this.value">
    <option value="http://board.ttlg.de">TTLG Board</option>
    <option value="http://test.ttlg.de">TTLG Test</option>
    <option value="http://hsllo.ttlg.de">TTLG Hallo</option>
    </select></form>




    Besser wäre noch, eine Funktion zu schreiben und einen leeren <option> in die Auswahl mitzugeben, damit man auch den ersten Punkt auswählen kann. Etwa so:


    Im <head>-Bereich:


    <script language="javascript" type="text/javascript">
    function gotoSite(adr) {
    if( adr != '' )
    location.href = adr;
    else
    return false;
    }
    </script>



    Das HTML:


    <form method="post" action="">
    <select name="box" onChange="gotoSite(this.value)">
    <option value="">Seite w&auml;hlen</option>
    <option value="http://board.ttlg.de">TTLG Board</option>
    <option value="http://test.ttlg.de">TTLG Test</option>
    <option value="http://hsllo.ttlg.de">TTLG Hallo</option>
    </select></form>



    Bei der Klickversion verwendest Du z.B. einen normalen Button im diesem Sinne: <input type="submit" value="Send me"> oder einen grafischen Button (<img type="image" src="the-image">) und rufst im <form>-Tag per Event-Handler onSubmit die Funktion auf, also etwa so:


    <form method="post" action="#" onSubmit="gotoSite(this.box.value);return false">


    EDIT: Bei der Klickversion darfst Du natürlich keinen Event-Handler im <select>-Tag aufrufen, also weg mit dem onChange ;)