Der Martin: Select Option redirect

Beitrag lesen

Hallo,

Nun hänge ich gerade an etwas - und zwar an einem Select Dropdown (mobile Navi).
Diese soll nach Auswahl auf die jeweilige HTML springen.
Bisher habe ich das immer so gemacht:

<select name="menu_list_mobile" id="menu_list_mobile" onChange="window.location=this.options[this.selectedIndex].value;">

<option value="">Navigation</option>
<option selected="selected" value="index.html">Startseite</option>
<option value="index-2.html">Link 1</option>
</select>


>   
> Hat jemand eine Idee, wie das ohne JS zu lösen ist?  
  
überhaupt nicht. Ein select-Element ist ein Formularelement. Ohne Zuhilfenahme von JS erlaubt es die Auswahl eines Wertes aus einer Liste, und das Senden dieses Wertes als name-value-Pärchen eines Formulars. Mehr nicht.  
Was immer man darüber hinaus mit dem Element anstellen möchte, braucht wohl Javascript-Unterstützung.  
  
Ws du tun kannst: Setze das select-Element zusammen mit einem Submit-Button in ein Formular. Lass dann bei der Formular-Verarbeitung die serverseitige Logik entscheiden, was als Antwort kommen soll (ggf. ein Redirect auf die eigentliche Zielseite). Das ist dann zwar nicht das Verhalten, das du ursprünglich beschrieben hast, sondern ein Klick mehr - aber es kommt dem Beschriebenen am nächsten.  
Für die Nutzer, bei denen Javascript verfügbar ist, kann's ja die automatische Aktion mit dem onchange-Handler (bitte mit kleinem 'c') sein. In dem Fall kann man auch den dann überflüssigen Submit-Button per CSS verschwinden lassen.  
  
Ciao,  
 Martin  

-- 
Besteht ein Personalrat aus nur einer Person, erübrigt sich die Trennung nach Geschlechtern.  
  (aus einer Info des deutschen Lehrerverbands Hessen)  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(