Select-Option con form che fa un redirect

[demelloantony]

Ciao a tutti...

Vorrei scrivere una lista stile questa:

<select value="squadre">
<option value="www.inter.it">Inter</option>
<option value="www.juventus.com">Juventus</option>
</select>

e racchiuderla in un form... per poter:

1) Selezionare la squadra
2) Cliccare sul bottone del form e andare sul sito della squadra...

Serve javascript? Qualcuno ha già qualche esempio simile preconfezionato?

Grazie mille per le risposte, ALdo.

[index]

Bene, quello che le serve è un form e un pezzo di codice che le gestisca l'azione di apertura della pagina.

In questo caso è meglio optare per un linguaggio lato client, rispetto ad uno lato server.
Quindi le mostrerò la soluzione con Javascript.

All'interno del tag "head" inserisce questo codice:

<script type="text/javascript">
  <!--
    function go() {
      url = document.selectTeam.team.value;
      alert(url);
      window.open(url);
    }
  -->
</script> 

Nel suo tag "body" inserisce questo codice:

<form name="selectTeam" method="get" action="#">
 <select id="team" name="team">
  <option value="http://www.inter.it/">Inter</option>
  <option value="http://www.milan.it/">Milan</option>
  <option value="http://www.roma.it/">Roma</option>
  <option value="http://www.sampdoria.it/">Sampdoria</option>
 </select>
 <input type="button" id="confirm" name="confirm" value="Vai" onclick="go();"/>
</form> 

Vediamo di capire cosa succede.
Abbiamo inserito un form normalisso, con una select (a tendina) e un pulsante (pulsante semplice non submit). All'evento onclick del pulsante richiamiamo la funzione di cui sopra.
Come funziona il codice Javascript?
La funzione go() memorizza in una variabile temporanea di nome url, l'indirizzo contenuto nella proprietà value dell'opzione scelta all'atto del click sul pulsante.
Dopodichè apre una nuova pagina che ha per indirizzo quell'url.

Consiglio
Visto che ha scelto un menu a tendina... penso che sia più opportuno scatenare la funzione go() all'evento onchange della select ed eliminare il pulsante.

Provi, sarà sicuramente più soddisfatto.

Distinti saluti.

[demelloantony]

Ok... funziona a meraviglia... grazie mille.

[canadese]

Ciao Index,
io avevo lo stesso problema prima di leggere questo thread, ma come potrei impostare il javascript affinchè non mi apra una nuova finestra ma bensi' agisca sulla stessa finestra?
Grazie mille
Ciaoz

[summartin]

<script type="text/javascript"> 
    function go() { 
      url = document.selectTeam.team.value; 
      self.location=url;
    } 
</script> 

Ciao

[laura_d]

Grazie a tutti per le indicazioni. era proprio quello che cercavo da tempo.

L'unica cosa che vorrei cambiare è che il collegamento venga aperto nella stessa pagina in un frame o in un riquadro laterale alla combobox.

Potete aiutarmi.

Grazie

Lauraa

[Maurizio1230]

Originariamente inviato da summartin

<script type="text/javascript"> 
    function go() { 
      url = document.selectTeam.team.value; 
      self.location=url;
    } 
</script> 

Ciao

il window.open(url); funziona ma il self.location non funziona. Sembra strano
C'è qualche errore forse?
Io devo redirettare verso href esterni ma voglio che questi non si aprano su una pagina nuova.

[Vincent.Zeno]

@laura_d

(qui su HTML.IT) non si riesumano post "defunti"
se non per motivi MOLTO particolari


@Maurizio

se vuoi trattare l'argomento apri un nuovo thread




chiudo