Esempi di Select multiplo

**Mr_Flash** · 05-08-2013, 17:33

Ciao a tutti,
dovrei realizzare un form che include 5 dropdown menu. La mia necessità, per ciascun drop down, è questa:

1) se l'utente seleziona la prima voce del menu, dovrebbe apparire un nuovo menu a tendina con voci, ovviamente, differenti;

2) se l'utente seleziona la seconda voce del menu, dovrebbe apparire un nuovo menu a tendina con voci, ovviamente, differenti (quello attivato precedentemente dovrebbe scomparire);

3) se l'utente seleziona la terza voce del menu, dovrebbe apparire un input text.

Sapete indicarmi qualche links dove poter trovare degli esempi?

Grazie

**Mr_Flash** · 05-08-2013, 18:20

Sono riuscito nel mio intento solo che vorrei ottimizzare il codice utilizzato. Ecco la pagina:

<html>
<head>
<title>Documento senza titolo</title>

<script language="javascript">

function sacchetto(obj, a){
var e=document.getElementById(a);
if(obj=="altro2") {
e.style.display="block";
}else{
e.style.display="none";
}
}

function sacchetto2(obj, a){
var e=document.getElementById(a);
if(obj=="automatico") {
e.style.display="block";
}else{
e.style.display="none";
}
}

function sacchetto3(obj, a){
var e=document.getElementById(a);
if(obj=="manuale") {
e.style.display="block";
}else{
e.style.display="none";
}
}

</script>
</head>

<body>

<select name="prova2" onchange="sacchetto(this.options[this.selectedIndex].value, 'sacchetto') || sacchetto2(this.options[this.selectedIndex].value, 'sacchetto2') || sacchetto3(this.options[this.selectedIndex].value, 'sacchetto3')">
<option value="">Seleziona</option>
<option value="automatico">automatico</option>
<option value="manuale">manuale</option>
<option value="plastica">plastica</option>
<option value="altro2">altro</option>
</select>

<div id="sacchetto2" style="display: none;">
<select>
<option value="prova">prova1</option>
<option value="manuale">prova2</option>
</select>
</div>

<div id="sacchetto" style="display: none;">
Altro <input type="text">
</div>

<div id="sacchetto3" style="display: none;">
<select>
<option value="prova">test1</option>
<option value="manuale">test2</option>
</select>
</div>

</body>
</html>

Qualcuno sa aiutarmi?

Grazie

**cavicchiandrea** · 05-08-2013, 21:20

http://webandylab.altervista.org/sel.html

**Mr_Flash** · 06-08-2013, 09:37

Grazie mille Andrea!

Discussione: Esempi di Select multiplo

Strumenti discussione

Ricerca discussione

Visualizza

Esempi di Select multiplo

Permessi di invio