aprire pagina in base a select option

**bounce2011** · 15-10-2015, 14:01

Ciao a tutti, ho creato un menu a tendina usando il tag select
<select >
<option value="1">Scelta1</option>
<option value="2">Scelta2</option>
<option value="3">Scelta3</option>
<option value="4">Scelta4</option>
</select>

una volta che l'utente ha fatto la sua selezione, come faccio a gestire la scelta? se voglio creare una condizione diversa per ogni selezione, quale variabile devo verificare per capire cosa ha scelto l'utente?
Grazie mille
ciao

**Vincent.Zeno** · 15-10-2015, 14:57

prima cosa devi dare un nome alla select (in modo da intercettarne il valore selezionato in option).
poi, la gestione del valore, è più o meno complessa a seconda del risultato che voi raggiungere.

tu che vuoi fare?

**bounce2011** · 15-10-2015, 15:17

Grazie per la risposta.
quello che vorrei fare è che se la selezione è scelta1 vorrei aprire pagina1.html, se è scelta2 aprire pagina2.html e cosi via.....
una volta che assegno un nome alla select, come lo gestisco dopo?
grazie mille
ciao

**Vincent.Zeno** · 15-10-2015, 15:48

questo mettilo in head:

codice:

<script type="text/javascript" >
// consente di cliccare per confermare la scelta
function leapto(form) {
    var myindex=form.dest.selectedIndex
    window.location=(form.dest.options[myindex].value);
    }
    
// se inserito indirizza automaticamente verso la pagina scelta
function vai(obj) {
    var index = obj.selectedIndex;
    var url = obj.options[index].value;
    if (url != "") window.location=url;
}
</script>

poi il form:

codice:

<form action="" method="get" >
    <select  name="dest" onchange="vai(this)">
        <option value="pagina1.html">pagina 1</option>
        <option value="pagina2.html">pagina 2</option>
        <option value="pagina3.html">pagina 3</option>
    </select>
    <input type="button" value="Vai" onclick="leapto(this.form)">
</form>

**bounce2011** · 15-10-2015, 15:59

Grazie mille
Ciao

**bounce2011** · 16-10-2015, 00:13

scusa un'ultima domanda.
se invece di nuove pagine web volessi assegnare dei valori numerici alle varie scelte ( 1,2,3.....) una volta che richiamo la funzione e recupero il valore assegnato, come faccio a passare i
valore estrapolato al codice e gestirlo da li?
ho provato in questo modo......ma non funziona....
grazie

codice:

<html>
<head>

<script type="text/javascript" >
// consente di cliccare per confermare la scelta
function leapto(form) {
    var myindex=form.dest.selectedIndex
    var indice=(form.dest.options[myindex].value);
    return indice;
    }
</script>

</head>

<body>

<form action="" method="get" >
    <select  name="dest" onchange="vai(this)">
        <option value=1>pagina 1</option>
        <option value=2>pagina 2</option>
        <option value=3>pagina 3</option>
    </select>
    <input type="button" value="Vai" onclick="risultato=leapto(this.form)">
</form>

</body>

</html>

**Vincent.Zeno** · 16-10-2015, 00:35

@bounce2011, ricorda di utilizzare il tag [CODE] per postare codice sul forum, grazie

modifico il titolo e sposto la discussione su javascript

Discussione: aprire pagina in base a select option

Strumenti discussione

Ricerca discussione

Visualizza

aprire pagina in base a select option

Permessi di invio