Due modi per creare una <select> con link che cambia in base al valore dell'<option>.
Le due versioni sono:
1) Con redirect immediato
2) Con redirect dopo il click
#################################
REDIRECT IMEMDIATO - SENZA SUBMIT
#################################
/* Artigiani Del Web - <select> con link che cambia in base al valore dell' >option> - redirect immediato */
<form method="get">
<select name="URL" onchange="window.location.href= this.form.URL.options[this.form.URL.selectedIndex].value">
<option value="http://www.sito.it/8.html">Link 8</option>
<option value="http://www.sito.it/5.html">Link 5</option>
<option value="http://www.sito.it/2.html">Link 2</option>
<option value="http://www.sito.it/1.html">Link 1</option>
<option value="http://www.sito.it/7.html">Link 7</option>
<option value="http://www.sito.it/3.html">Link 3</option>
<option value="http://www.sito.it/6.html">Link 6</option>
<option value="http://www.sito.it/4.html">Link 4</option>
</select>
<input id="invia" type="submit" />
</form>
#################################
REDIREDCT DOPO IL CLICK - CON SUBMIT
#################################
/* Artigiani Del Web - <select> con link che cambia in base al valore dell' >option> - redirect dopo il click */
<form name="f1">
<select name="s1" >
<option value="http://www.sito.it/8.html">Link 8</option>
<option value="http://www.sito.it/5.html">Link 5</option>
<option value="http://www.sito.it/2.html">Link 2</option>
<option value="http://www.sito.it/1.html">Link 1</option>
<option value="http://www.sito.it/7.html">Link 7</option>
<option value="http://www.sito.it/3.html">Link 3</option>
<option value="http://www.sito.it/6.html">Link 6</option>
<option value="http://www.sito.it/4.html">Link 4</option>
</select>
<input type="button" onClick="window.location=document.f1.s1.options[document.f1.s1.selectedIndex].value">
</form>
EW6TX8CVJ3YZ
Le due versioni sono:
1) Con redirect immediato
2) Con redirect dopo il click
#################################
REDIRECT IMEMDIATO - SENZA SUBMIT
#################################
/* Artigiani Del Web - <select> con link che cambia in base al valore dell' >option> - redirect immediato */
<form method="get">
<select name="URL" onchange="window.location.href= this.form.URL.options[this.form.URL.selectedIndex].value">
<option value="http://www.sito.it/8.html">Link 8</option>
<option value="http://www.sito.it/5.html">Link 5</option>
<option value="http://www.sito.it/2.html">Link 2</option>
<option value="http://www.sito.it/1.html">Link 1</option>
<option value="http://www.sito.it/7.html">Link 7</option>
<option value="http://www.sito.it/3.html">Link 3</option>
<option value="http://www.sito.it/6.html">Link 6</option>
<option value="http://www.sito.it/4.html">Link 4</option>
</select>
<input id="invia" type="submit" />
</form>
#################################
REDIREDCT DOPO IL CLICK - CON SUBMIT
#################################
/* Artigiani Del Web - <select> con link che cambia in base al valore dell' >option> - redirect dopo il click */
<form name="f1">
<select name="s1" >
<option value="http://www.sito.it/8.html">Link 8</option>
<option value="http://www.sito.it/5.html">Link 5</option>
<option value="http://www.sito.it/2.html">Link 2</option>
<option value="http://www.sito.it/1.html">Link 1</option>
<option value="http://www.sito.it/7.html">Link 7</option>
<option value="http://www.sito.it/3.html">Link 3</option>
<option value="http://www.sito.it/6.html">Link 6</option>
<option value="http://www.sito.it/4.html">Link 4</option>
</select>
<input type="button" onClick="window.location=document.f1.s1.options[document.f1.s1.selectedIndex].value">
</form>
EW6TX8CVJ3YZ
Commenti
Posta un commento