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

[theseo]

ciao a tutti, sul web ho trovato questo codice per una select dinamica che fa proprio al caso mio:

<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]

Ciao, puoi fare cosi :
aggiungi ad ogni option il value con il link della pagina che si deve aprire

= new Option('Carciofini', 'http://sito.com/carciofini.html');

aggiungi una funzione che reindirizza in base al link ricevuto

function apri(link) {
        location.href = link;
    }

infine cambi il submit con semplice button che richiama la funzione

 <button type="button" onclick="apri(document.form.campo_derivato.value)">Apri</button>

 

[theseo]

UUUUUUUUHHHHHH va da diooooooo!!!!
grazieeee!