serch con campi nascosti [Risolto]

[conti1]

giorno
devo creare un cerca con campi personalizzati  di cui o la nesssità di avere 4 div nascosti  che vengono visibili  solo con selezione.
e qui mi perdo
questo e il code che ho creato

Codice: [Seleziona]

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


<form>
<div>
<p><span style="color: #0000ff; margin-left: 5px;">BAMBINI</span></p>
<select style='width:80px' 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>

</select>
<form>

</div>
<div id="div_1" style="display:none">
<p><span style="color: #0000ff; margin-left: 5px;">Childrens 2</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>




<div id="div_2" style="display:none">
<p><span style="color: #0000ff; margin-left: 5px;">Childrens 2</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>

<div id="div_3" style="display:none">
<p><span style="color: #0000ff; margin-left: 5px;">Childrens 3</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>

<div id="div_4" style="display:none">
<p><span style="color: #0000ff; margin-left: 5px;">Childrens 4</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>
x funzionare funziona ma non in maniera che vorrei.

mi spiego ho 4 selezioni selezionando 1 appare il primo div se seleziono 2 appare il il secondo div.

ma se riclicco il valore 1 il div 2 non sparisce.
quello che vorrei fare è .
i div devono apparire  in base alla selezione  se clicco 3 devono apparire 3 div se clicco 1  solo uno .
qui un link  di cosa intendo fare cliccate su bambini li ci sono 3 div nascosti  io ne oh 4 ma la funzione non cambia .

confido in qualcuno che conosce il js.
grazie

non essendo  molto pratico  c'è voluto un po  ma funziona.

Codice: [Seleziona]

<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>