• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hyperlink in Formular Option Tag?

M

moderator06

Neues Mitglied
Hallo zusammen,
bin echt am verzweifeln da ich eigentlich dachte es sei eine triviale Frage aber weder über Google noch über Kollegen bin ich auf die Lösung gekommen.

Hab diese Seite nachgebaut:
Making Better Select Elements with jQuery and CSS3 | Tutorialzine
mit diesem Ergebnis:
King FM ® - Ticketing

Nun soll der User wenn er etwas auswählt natürlich auch auf diese Seite kommen. Also wenn ich zb das erste anwähle dann auf kingfm.at.

Mit einem normalen Hyperlink gehts gar nicht und mit JavaScript hab ich es auch nicht geschafft.

Wäre echt super wichtig aber ich schaffe es einfach nicht.

Vielen Dank im Voraus, liebe Grüße aus Tirol
Daniel
 
HTML: 
<form action=redirect.php>
    <select onchange="location = this.value" name=to>
        <option value="http://foobar.com">foobar</option>
    </select>
    <noscript>
        <input type=submit value=los>
    </noscript>
</form>
redirect.php ist eine PHP-Datei welche „to“ liest und mittels Location: weiterleitet.
 
besten dank für die schnelle Antwort aber es klappt wieder nicht.

Hab die Seite jetzt so gelassen, kannst dir den Quelltext gerne ansehen, genau so eingebaut wie du es beschrieben hast.

HTML: 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>King FM &reg; - Ticketing</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<img src="img/kfmticketing.jpg" style="position:absolute; left:5px; top:-17px;" width="300" height="300" />
<div id="page">


	<h1>Jetzt Tickets sichern!</h1>
	<form action=redirect.php>
	<select onchange="location = this.value" name=to class="makeMeFancy">
	<option value="#" selected="selected" data-skip="1">Event wählen</option>
        <option value="http://www.kingfm.at" data-icon="img/products/clubnight1.png" data-html-text="Clubnight Vol.1 &lt;i&gt;08.01.2011 <br> Waidring&lt;/i&gt;">Clubnight Vol.1</option>
        <option value="http://www.sk-stjohann.at" data-icon="img/products/beachparty.png" data-html-text="Beachparty² &lt;i&gt;15.01.2011 <br> Kitzbühel&lt;/i&gt;">Beachparty²</option>
         </select>
  	 <noscript>
        <input type=submit value=los>
        </noscript>
        </form>


</div>
<center><img src="img/fragen.png" width="341" height="17" id="fragen" /></center>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

vielleicht gibts noch ne möglichkeit?!
 
ich weiß ja nicht, was in deiner redirect.php steht, aber das hier sollte funktionieren
(simuliert getestet mit $_GET statt $_POST)
PHP: 
<?php
header("Location: ".$_POST['to']);
?>
 
Ja, auch wahr. 5.1.2 ist immerhin schon vier Jahre alt. *schulterzuck* Ich werde mal anregen, dass der Wiki-Artikel ein wenig überarbeitet wird. So akut scheint das ja nicht mehr zu sein. :) Das sollte vielleicht deutlicher rauskommen.

(Man könnte zwar argumentieren, aus Gründen der Abwärtskompatibilität dennoch einen Fix dafür einbauen zu können, aber welches 5.3-Script ist schon noch abwärtskompatibel.)
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben