azione diretta in form

**pupopupo** · 02-02-2018, 14:20

Ciao a tutti,
mi trovo alle prese con una richiesta particolare alla quale non ho saputo dare risposta e chiedo lumi a voi..
ho un form molto semplice di una prenotazione alberghiera.

nella prima scelta ho l'opzione di tutti gli alberghi
quindi
<option value="">Tutti gli alberghi</option>
<option id="opzione_albergo_gruppo_xx" >AAA</option>
<option id="opzione_albergo_gruppo_yy" >BB</option>
<option id="opzione_albergo_gruppo_zz" >CC</option>

ora.. per varie ragioni, tutto funziona, ma vorrei che se si seleziona l'opzione BB, rimandi direttamente ad un link "www.qqq.it" senza dover chiudere il form.

il motivo è perché per logiche aziendali, tutti puntano su un servizio di booking ed un albergo ad un altro.. e vorrei che tutto rimanesse così com'è.

è possibile dare ad un option un comando diretto prima che si selezioni un altra opzione in una second o menu?

lo so.. è poco chiaro..

**pupopupo** · 02-02-2018, 14:34

se inserisco uno script del tipo:

function redirect(){
if (document.getElementById('nome').value ==BBB '') {
window.location.replace('/nuova-pagina.html');
}
}
</script>

può funzionare?

**m4rko80** · 02-02-2018, 15:59

Ciao, riconoscere la option voluta è semplicissimo, basta usare l'attributo onChange="" sul tag SELECT e leggere il valore.
Per mantere la form dovresti spiegare meglio.
Usando window.location.replace mandi ad altra pagina e quindi perdi quello che hai nella form.
Se per mantenere intendi quando ritornerai sulla form, potresti salvarti i dati in sessione (cookie , localstorage) dipende cosa ti serve esattamente.

**cavicchiandrea** · 02-02-2018, 16:05

codice:

<select id="hotel" name="hotel" onchange="redirect(this)">
<option value="">Tutti gli alberghi</option>
    <option id="opzione_albergo_gruppo_xx" value="AAA">AAA</option>
    <option id="opzione_albergo_gruppo_yy" value="BBB">BB</option>
    <option id="opzione_albergo_gruppo_zz" value="CCC">CC</option>
</select>

<-- script-->
function redirect(sel){
if (sel.value == 'BBB') {
window.open('/nuova-pagina.html');
} 
}

**pupopupo** · 02-02-2018, 16:19

Originariamente inviata da m4rko80

Ciao, riconoscere la option voluta è semplicissimo, basta usare l'attributo onChange="" sul tag SELECT e leggere il valore.
Per mantere la form dovresti spiegare meglio.
Usando window.location.replace mandi ad altra pagina e quindi perdi quello che hai nella form.
Se per mantenere intendi quando ritornerai sulla form, potresti salvarti i dati in sessione (cookie , localstorage) dipende cosa ti serve esattamente.

Grazie!!!
in realtà non mi interessa tenere nessun valore, l'unica necessità è rimandare ad una pagina diversa rispetto al resto del form

**pupopupo** · 02-02-2018, 16:20

Grazie provo!!

**pupopupo** · 02-02-2018, 16:34

Questo è il codice che ho impostato.
ma rimanda sempre ad www.aaa.it

codice:

<script type="text/javascript" >function redirect(sel){
if (sel.value == 'bbb') {
window.open('www.bbb.it');
} 
}
</script>
	
	
</head>


<body>
	
	<form action="http://www.aaa.it" method="get" name="myform" id="myform" target="_blank" style="margin:0px; padding:0px;"> <input name="gg" id="gg" value="10" type="hidden">
    
    <div id="select_hotel" class="blocco">
        <div class="labelcampo">Scegli Struttura</div>
        <div class="tendina">
            <select id="id_albergo" name="id_albergo" onchange="redirect(this)">
                <option value="">Tutti gli alberghi</option>




				<option id="aaa"  value="aaa">aaa</option>
				<option id="bbb"  value="bbb">bbb</option>




            </select>
        </div>
    </div>
  
  <div id="search" class="blocco">
    <input id="button" type="submit"  value="Prenota" >  </div></form>


	
	
</body>

**pupopupo** · 03-02-2018, 09:12

come posso cambiare action dal valore di value di un campo select?
mi risolverebbe il problema.

Discussione: azione diretta in form

Strumenti discussione

Ricerca discussione

Visualizza

azione diretta in form

Permessi di invio