Dropdown ohne "weiter"-Button

[bruno123]

Hi Folks.
Ich möchte gerne ein Dropdown basteln, der bei Veränderung der Auswahl von selbst den neuen Wert übernimmt, ohne das man dazu auf irgendeinen Button dücken muss.

So z.B. sieht das standartmässig in html aus:

<form name="form1" method="post" action="">
<select name="select">
<option selected>1</option>
<option>2</option>
<option>3</option>
</select>
<input type="submit" name="Abschicken" value="GO">
</form>

Dieses dropdown soll aber nun bei veränderung der Werte OHNE
den GO-Button zu klicken aktualisiert werden.


any idea?
thanxx ia

[coder]

<!-- forum jump and rate thread -->
<table cellpadding="2" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td><table cellpadding="0" cellspacing="0" border="0">
<form action="forumdisplay.php" method="get"><tr><td>
<font face="verdana,arial,helvetica" size="1" >
<input type="hidden" name="s" value="01b0436bff257de383125e18a38c3b97">
<input type="hidden" name="daysprune" value="">
<b>Gehe zu:</b><br>
<select name="forumid"
onchange="window.location=('forumdisplay.php?daysprune=&forumid='+this.options[this.selectedIndex].value)">
<option value="-1" >Wähle:</option>
<option value="-1">--------------------</option>
<option value="pm" >Private Nachrichten</option>
<option value="cp" >Benutzer Kontrollzentrum</option>
<option value="wol" >Wer ist Online</option>
<option value="search" >Im Forum Suchen</option>
<option value="home" >Forum Startseite</option>
<option value="-1">--------------------</option>
<option value="30" > Eingangshalle</option><option value="36" >-- Fragen zum Forum</option><option value="2" >-- News für Entwickler und Webmaster</option><option value="25" >-- Kostenloses</option><option value="27" >-- Grafik / Design / Flash ...</option><option value="11" >-- Off-Topic Diskussionen</option><option value="16" >-- Appz und Script Gesuche</option><option value="32" > Scripting</option><option value="12" >-- Code-Schnipsel</option><option value="3" selected>-- PHP Developer Forum</option><option value="5" >-- SQL / Datenbanken</option><option value="15" >-- HTML/XML, JavaScript und CSS</option><option value="6" >-- ASP, PERL, CGI, C und alles andere</option><option value="26" >-- Fragen zu Installation (LAMP, WAMP & Co.)</option><option value="29" >-- Tutorials</option><option value="33" > Jobs und Projekte</option><option value="4" >-- Jobangebote</option><option value="28" >-- Existenzgründer, Freelancing, Verträge</option><option value="34" > Webmaster</option><option value="7" >-- Webmaster</option><option value="8" >-- Wer zahlt? Wer nicht?</option><option value="10" >-- Provider</option><option value="9" >-- User pages</option><option value="31" > Betriebssysteme & Hardware</option><option value="22" >-- DSL</option><option value="20" >-- Hardware</option><option value="23" >-- MCSE</option><option value="19" >-- Windows 95 / 98 / NT / 2000 / XP</option><option value="17" >-- Linux und Unix</option><option value="35" > Internal</option><option value="18" >-- Moderatorenforum</option>
</select><!-- go button -->
<input type="image" src="images/go.gif" border="0"
align="absbottom">
</font>
</td></tr></form>
</table></td>

[bruno123]

danke @coder

Hmmm
Sieht echt bombastisch aus...
Irgendwie scheint auch irgendwas zu klappen, wenn ich den Quelltext ausprobiere.

Aber jetz mal ehrlich! Gibt es für so etwas keine Übersichtlichere Lösung?
Am besten wäre natürlich der 1,2,3-Klassiker. Da sieht man (ich zumindest) leichter das Funktionsprinzip.

bruno

[coder]

Hier abgespeckt:

<select name="forumid" onchange="window.location=('bla.html'+this.options[this.selectedIndex].value)">
<option value="-1" >Wähle:</option>
<option value="pm" >Blubn</option>
<option value="cp" >Bla</option>
</select>

Die erste Zeile ist dafür verantwortlich!

[bruno123]

Ja bestens.

Vielen Dank.
Das hilft in der Tat ungemein.

bruno