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