Form con div nascos

[ziopluto]

salve ragazzi dovrei creare un form che cliccando una selezione di numeri apparisse i relativi div nascosti .
esempio a secondo della selzione si deve aprire 1, 2, 3, 4, div nascosti.

ho trovato questo esempio e sarebbe perfetto ma non so come far apparire il select quando si apre il div nascosto


<script type="text/javascript">
function visualizza(numero) {
stringa = "";
for (i=1;i<=numero;i++) {
if (i==1) {
stringa += "<input type='text' name='inp_"+i+"'/>";
} else {
stringa += "<input type='text' name='inp_"+i+"'/>";
}
}
document.getElementById('div_1').innerHTML = stringa;
}
</script>

<form>
<div>
<select onchange="visualizza(this.value)">
<option value="0">Scegli quanti campi visualizzare</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>

</select>
</div>
<div id="div_1">

</div>
</form>

nei div che appare dovrebbe apparire questa selezione



<span style="color: #0000ff; margin-left: -5px;">Childrens</span></p>
<select id="adu-bam1" name="bambini">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

in pratica se seleziono 1 nel primo input se deve aprire il primo div , con selezione 2 si deve aprire un secondo div sempre e cosi via.
devo creare questo x far selezionare nella casella quanti bambini e relatve eta.
ringrazio in anticipo se mi date una dritta di js sono alle primissime armi grazie

[cavicchiandrea]

Sempre che abbia capito prova cosi

<script type="text/javascript">
function visualizza(numero) {
document.getElementById('div_'+numero).style.display='block'
}
</script>

<form>
<div>
<select onchange="visualizza(this.value)">
<option value="0">Scegli quanti campi visualizzare</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>

</select>
</div>
<div id="div_1" style="display:none">


<span style="color: #0000ff; margin-left: -5px;">Childrens</span></p>
<select id="adu-bam1" name="bambini">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</form>

se invece vuoi creare input dinamicamente leggi qui questa discussione spiega come usare il DOM che per un profano non è semplicissimo, ma con studio e pazzienza nulla è impossibile.

[NonCeLaFaccio+]

Visto che sono stato chiamato in causa sia nell'altra sezione che con ben 3 pvt (per favore non farlo più ) provo a dire anch'io la mia (sempre che abbia capito):

<script type="text/javascript">
   function visualizza(numero) {
      for (i=1;i<=10;i++) {
         if (i <= numero) {
            document.getElementById("_"+i).style.visibility = "";
         } else {
            document.getElementById("select_"+i).value = "0";
            document.getElementById("_"+i).style.visibility = "hidden";
         }
      }
   }
</script>

<form>
   <div>
      <select onchange="visualizza(this.value)">
         <option value="0">Scegli quanti bambini</option>
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         <option value="4">4</option>
      </select>
   </div>
   <div id="_1" style="visibility:hidden">
      <select id="select_1">
         <option value="0">Indica l'età del bambino</option>
         <option value="1">1 anno</option>
         <option value="2">2 anni</option>
         <option value="3">3 anni</option>
         <option value="4">4 anni</option>
         <option value="5">5 anni</option>
         <option value="6">6 anni</option>
         <option value="7">7 anni</option>
         <option value="8">8 anni</option>
      </select>
   </div>
   <div id="_2" style="visibility:hidden">
      <select id="select_2">
         <option value="0">Indica l'età del bambino</option>
         <option value="1">1 anno</option>
         <option value="2">2 anni</option>
         <option value="3">3 anni</option>
         <option value="4">4 anni</option>
         <option value="5">5 anni</option>
         <option value="6">6 anni</option>
         <option value="7">7 anni</option>
         <option value="8">8 anni</option>
      </select>
   </div>
   <div id="_3" style="visibility:hidden">
      <select id="select_3">
         <option value="0">Indica l'età del bambino</option>
         <option value="1">1 anno</option>
         <option value="2">2 anni</option>
         <option value="3">3 anni</option>
         <option value="4">4 anni</option>
         <option value="5">5 anni</option>
         <option value="6">6 anni</option>
         <option value="7">7 anni</option>
         <option value="8">8 anni</option>
      </select>
   </div>
   <div id="_4" style="visibility:hidden">
      <select id="select_4">
         <option value="0">Indica l'età del bambino</option>
         <option value="1">1 anno</option>
         <option value="2">2 anni</option>
         <option value="3">3 anni</option>
         <option value="4">4 anni</option>
         <option value="5">5 anni</option>
         <option value="6">6 anni</option>
         <option value="7">7 anni</option>
         <option value="8">8 anni</option>
      </select>
   </div>
</form>

Buona Pasqua

[ziopluto]

ciao e scusami ancora.
proppio quello che cercavo di fare sei grande.

buona pasqua anche a te .

[br1]

@ ziopluto: il prossimo crossposting sara' anche l'ultimo: rileggi e rispetta il regolamento