problema con select

[enricocarli]

problema con select

Buongiorno a tutti,

scusate la domanda forse banale,

ho uno script per avere delle select concatenate,

nel senso che se scelgo un opzione dalla prima,

mi restituisce la seconda senza il refresh della pagina,

di seguito lo script:

[PHP]
<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_der" size="1">
</select>
</form>

<script language="javascript">
/Questa funzione legga il valore passato come parametro
e dato il valore aggiunge delle opzioni al secondo campo/
function selezionaOpzioni(scelta) {
/Resetto le opzioni precedenti del campo/
var campo_der = document.form.campo_der;
campo_der.options.length = 0;
/verifico la scelta e aggiungo i campi/
if (scelta == "1") {
campo_der.options[campo_der.options.length] = new Option('Pomodoro');
campo_der.options[campo_der.options.length] = new Option('Mozzarella');
campo_der.options[campo_der.options.length] = new Option('Basilico');
}
if (scelta == "2") {
campo_der.options[campo_der.options.length] = new Option('Pomodoro');
campo_der.options[campo_der.options.length] = new Option('Aglio');
campo_der.options[campo_der.options.length] = new Option('Origano');
}
if (scelta == "3") {
campo_der.options[campo_der.options.length] = new Option('Pomodoro');
campo_der.options[campo_der.options.length] = new Option('Funghi');
campo_der.options[campo_der.options.length] = new Option('Olive');
campo_der.options[campo_der.options.length] = new Option('Carciofini');
}
}

function aggiornaOpzioni(scelta){
var selezionato = document.form.campo_principale.selectedIndex;
var campo = document.form.campo_principale.options;
selezionaOpzioni(campo[selezionato].value);
}

</script>
[/PHP]

l'unico problema è che avrei bisogno del value sull'option;

come posso fare?

grazie in anticipo per le risposte

buona serata

[bacca001]

Vuoi usare per forza pure js, oppure jQuery magari?
Non fraintendermi, non che non sia possibile in pure js, però faresti molto prima in jQuery..

[enricocarli]

ciao Bacca001!

in verità ho risolto cambiando questa riga:

[PHP]
entita_padre.options[entita_padre.options.length] = new Option('qui_il_nome','qui_id');
[/PHP]

ma ogni suggerimento è buono, come faresti in jquery?

grazie mille
per le risposte

buon week end

ciao!