Javascript: Select con link che cambia in base al valore dell'option

 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


Paperblog

Commenti