creare un collegamento fra un'opzione di un form e un'altra pagina web.

CREARE UN COLLEGAMENTO FRA UN'OPZIONE DI UN FORM ED UN'ALTRA PAGINA WEB

Normalmente le opzioni scelte in un form vengono inviate al webmaster per opportuna conoscenza; in effetti, è anche possibile utilizzarle per aprire, a scelta, un collegamento.
Con il semplice codice HTML è possibile ottenere questo risultato inviando le scelte ad un server Web che, attraverso uno script CGI , interpreterà ed elaborerà i dati.
E' però possibile navigare scegliendo una voce di un elenco a discesa con l'aiuto di JavaScript.
L'uso di JavaScript è abbastanza delicato: l'utente, infatti, potrebbe averlo disabilitato, oppure potrebbe usare un vecchio browser; scriviamo, comunque, il codice necessario ad ottenere questo scopo.

Passo uno
Scriviamo il codice per inserire un'elenco a discesa, e, nelle varie opzioni, nel campo value, inseriamo l'URL della pagina cui effettuare il collegamento, come in questo frammento di
Codice: <option value="doc1.htm">Libreria
"doc1.htm" rappresenta il nome del file al quale deve essere effettuato il collegamento.

Passo due
Ora inizia la parte più complicata. All'inizio della pagina, fra i tags <HEAD> ed </HEAD>, dobbiamo inserire una funzione, in JavaScript, che attui effettivamente il collegamento. Eccola:

Codice:
<script language=javascript> function pagina(n) { nuovo=n.options[n.selectedIndex].value if (nuovo !="scegli") { window.location.href=nuovo } } </script>
Viene attribuito alla variabile nuovo il valore (value) dell'opzione selezionata, e a questo valore si attua il collegamento.
Il collegamento si apre solo se l'opzione è diversa (!=) da "scegli".

Passo tre
Attraverso il codice:
<select name="scelta" onChange="pagina(this.form.scelta)">
viene attivata la funzione pagina con l'opzione selezionata

Ecco il codice (Puoi usare Copia ed Incolla!) Inserisci i seguenti dati: <form name="bo" action=" " method=get > Dove compri di solito i libri?<br> <select name="scelta" onChange="pagina(this.form.scelta)"> <option value="scegli" checked=true>Scegli <option value="doc1.htm">Libreria <option value="doc2.htm">Edicola <option value="doc3.htm">Supermercato <option value="doc4.htm">Via Internet </select> </form>

Ed ecco il risultato!

Inserisci i seguenti dati:
Dove compri di solito i libri?