[Javascript] un form con select dinamica che funzioni da menù...

theseo

Utente Attivo
22 Feb 2017
94
5
8
58
ciao a tutti, sul web ho trovato questo codice per una select dinamica che fa proprio al caso mio:
Codice:
<script language="javascript">
function selezionaOpzioni(scelta) {
var campo_derivato = document.form.campo_derivato;
campo_derivato.options.length = 0;

if (scelta == "1") {
campo_derivato.options[campo_derivato.options.length] = new Option('Pomodoro');
campo_derivato.options[campo_derivato.options.length] = new Option('Mozzarella');
campo_derivato.options[campo_derivato.options.length] = new Option('Basilico');
}
if (scelta == "2") {
campo_derivato.options[campo_derivato.options.length] = new Option('Pomodoro');
campo_derivato.options[campo_derivato.options.length] = new Option('Aglio');
campo_derivato.options[campo_derivato.options.length] = new Option('Origano');
}
if (scelta == "3") {
campo_derivato.options[campo_derivato.options.length] = new Option('Pomodoro');
campo_derivato.options[campo_derivato.options.length] = new Option('Funghi');
campo_derivato.options[campo_derivato.options.length] = new Option('Olive');
campo_derivato.options[campo_derivato.options.length] = new Option('Carciofini');
}
}
function aggiornaOpzioni(scelta){
var valore_selezionato = document.form.campo_principale.selectedIndex;
var campo = document.form.campo_principale.options;
selezionaOpzioni(campo[valore_selezionato].value);
}
</script>

<form name="form">
Seleziona Pizza:
<select name="campo_principale" size="1" onChange="aggiornaOpzioni();">
<option value="1">Pizza Margherita</option>
<option value="2">Pizza Marinara</option>
<option value="3">Pizza Capricciosa</option>
</select>
<br />
<br />
Seleziona Ingrediente:
<select name="campo_derivato" size="1">
</select>
<button type="submit">Apri</button>

</form>

io però avrei bisogno di usarlo come un menù, esempio--> una volta che viene scelto nella 1a select Pizza Capricciosa e nella 2a select Carciofini e si clicca sul pulsante Apri, si apra la pagina web che voglio io e che tratta di capricciosa e carciofini, spero di essermi spiegato...
mi potete aiutare xchè non so proprio come farlo?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi fare cosi :
aggiungi ad ogni option il value con il link della pagina che si deve aprire
Codice:
= new Option('Carciofini', 'http://sito.com/carciofini.html');
aggiungi una funzione che reindirizza in base al link ricevuto
Codice:
function apri(link) {
        location.href = link;
    }
infine cambi il submit con semplice button che richiama la funzione
HTML:
 <button type="button" onclick="apri(document.form.campo_derivato.value)">Apri</button>
 
Discussioni simili
Autore Titolo Forum Risposte Data
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
E Form inserimento dati con JavaScript Javascript 0
P Verifica form solo con php senza javascript PHP 15
C Un form di input e uno di output con funzione javascript Javascript 17
C Calcolare e formattare con javascript [Form!] Javascript 6
8 Javascript - PDF Form Javascript 0
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
M [Javascript] Signature Pad - Form Javascript 1
F [Javascript] Conflitto tra più form nella stessa pagina Javascript 1
D [Javascript] Validare dati in un form prima di spedirlo Javascript 1
R [javascript]Form invio preventivo Javascript 0
V [Javascript] Campo form che si completa in automatico Javascript 1
A [Javascript] [RISOLTO] Doppio "submit", in uno stesso "Form" , che puntino ad "action" diversi Javascript 1
M Perché Javascript non mi valida questo form? Javascript 0
F [Javascript] Inviare i campi di un form col metodo post Javascript 7
Alex1990000 [Javascript] autocompila campi input form Javascript 5
F [Javascript] Copiare una Form Javascript 0
C [Javascript] HTML form attributes: combining charset with enctype HTML e CSS 4
B [Javascript] funzioni non funzionanti in un form Javascript 8
P [Javascript] [html5] operazioni matematiche come output di un form Javascript 7
L [Javascript] pulsante form "salva come" in acrobat Javascript 1
asevenx [Javascript] aggiungere dinamicamente un campo di un form Javascript 3
S Controllo di due form in Javascript Javascript 1
C Problema form javascript che non funziona Javascript 4
M lanciare due funzioni javascript dopo l'invio di un form Javascript 2
J Javascript Form Caricamento Immagine Javascript 2
A esercizio javascript e form! Javascript 13
A form registrazione + php + alert javascript Javascript 6
A Quando utilizzare i form in javascript Javascript 1
S javascript form Javascript 2
C Form Javascript Javascript 0
C Form javascript per la gran bretagna Javascript 1
S script php che raccoglie form javascript e lo invia tramite mail PHP 0
M script javascript e ajax per form dinamico. Ajax 8
A form / select e javascript Javascript 1
A funzione javascript per validazione form Javascript 3
C Modifica proprietà form da javascript Javascript 1
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 1
A pulsante di update campo mysql con javascript Javascript 2
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8

Discussioni simili