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