tafaz Site Admin

Registrato: 02/05/06 10:18 Messaggi: 26
|
Inviato: Mar Gen 16, 2007 1:57 pm Oggetto: Select Dinamiche |
|
|
un semplice esempio di select dinamiche, nello specifico, quando si cambia la option selezionata nella prima select, viene modificato tutto il contenuto della seconda
| Codice: | <html>
<script type="text/javascript">
function cambiaselect(valore){
document.forms['f'].s2.options.length = 1; //resetto le opzioni
document.forms['f'].s2.options[0] = new Option('Seleziona',''); //imposta la prima option
if(valore==""){
} else if(valore=="1"){
//aggiungo le nuove option alla seconda select
document.forms['f'].s2.options[1] = new Option("valore3",3);
document.forms['f'].s2.options[2] = new Option("valore4",4);
} else if(valore=="2"){
document.forms['f'].s2.options[1] = new Option("valore5",5);
document.forms['f'].s2.options[2] = new Option("valore6",6);
}
}
</script>
<body>
<form name="f">
<select name="s1" onchange="cambiaselect(this.options[this.options.selectedIndex].value);">
<option value="">Selez</option>
<option value="1">prova1</option>
<option value="2">prova2</option>
</select>
<br />
<select name="s2">
<option value="">Selez</option>
</select>
</form>
</body>
</html> |
|
|