select dinamica multipla

**pattaya** · 28-09-2011, 16:29

Ragazzi con questo script come si aggiungono altre select, in questo caso id="lettere"?

<script>
function Controlla(valore,livello) {
if(valore >=7) {
document.getElementById(livello).style.display='no ne';
}else if(valore < 7) {
document.getElementById(livello).style.display='';
}
}
setTimeout("Controlla(document.getElementById('num eri').value,'lettere');",3);
</script>

<select name="numeri" onChange="Controlla(this.value,'lettere');">
<option name="uno" value=1>Uno</option>
<option name="due" value=2>Due</option>
<option name="tre" value=3>Tre</option>
<option name="qua" value=4>Quattro</option>
<option name="cin" value=5>Cinque</option>
<option name="sei" value=6>Sei</option>
</select>

<select id="lettere" style="display:none;" >
<option name="a" value="a">a</option>
<option name="b" value="b">b</option>
<option name="c" value="c">c</option>
<option name="d" value="d">d</option>
</select>

quando seleziono uno si apre la select id="lettere",
quando seleziono due devono aprirsi 2 select id="lettere"
e così via fino a selezionare 6 ed aprire 6 select id="lettere"

GRAZIE

**cavicchiandrea** · 28-09-2011, 18:38

Una cosa del genere dovrebbe andar bene.

P.S. Nel sorgente pagina trovi tutto

**pattaya** · 29-09-2011, 08:57

Moolto gentile era proprio quello che cercavo, effettivamente credo che con il codice che avevo non si poteva fare, vero?

**pattaya** · 29-09-2011, 12:06

Volevo ringraziarti per il codice che mi hai dato che va benissimo.
Ora stavo cercando di modificarlo per l'uso che ci devo fare.
In pratica ogni select che apre deve a sua volta aprirne altre tante quante.
Ho visto che non ci sono proprio con il metodo.

select "numeri" apre select "uno" e "due"
a sua volta select "uno" e "due" aprono select "aaa" e "bbb"

code:

<script type="text/javascript">
function aggiornaOpzioni() {
var sel = document.getElementById('numeri').options[document.getElementById('numeri').selectedIndex];
var menu = document.getElementsByTagName("select")
for(var i=1; i<menu.length; i++){
if(i <= parseInt(sel.value) && menu[i].className == 'nascoste') {
menu[i].style.display='block';
}else {
document.getElementById('numeri').style.display='b lock';
menu[i].style.display='none';
}
}
}
function aggiornaAncora() {
var sel = document.getElementById('uno').options[document.getElementById('uno').selectedIndex];
var menu = document.getElementsByTagName("select")
for(var i=1; i<menu.length; i++){
if(i <= parseInt(sel.value) && menu[i].className == 'nascoste') {
menu[i].style.display='block';
}else {
document.getElementById('uno').style.display='bloc k';
menu[i].style.display='none';
}
}
}

</script>
<style type="text/css">
.nascoste{display:none;}
</style>
</head>
<body>

<select id="numeri" onChange="aggiornaOpzioni();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
</select>

<select id="Uno" class="nascoste" onChange="aggiornaAncora();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
</select>

<select id="Due" class="nascoste" >
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
</select>

<select id="aaa" class="nascoste" >
<option value="0"></option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

<select id="bbb" class="nascoste" >
<option value="0"></option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

**pattaya** · 01-10-2011, 17:41

Ragazzi!
Qualcuno ha qualche suggerimento?
Grazie

Discussione: select dinamica multipla

Strumenti discussione

Ricerca discussione

Visualizza

select dinamica multipla

Permessi di invio