Dos select que se intercambiar con javascript mediante checkbox dentro de bucle no va

[franjgg]

Hola amigos,

Vereis tengo este codigo que al pulsar en el checkbox me muestra un selec o el otro hasta aqui funciona perfecto, la cosa es que lo tengo que meter dentro de un bucle entonces cada fila tiene un chekbox y los select, pero claro al tener todos el mismo id no funciona, solo va el primero a ver si alguien sabe como solucionar esto.


<script>
function show_hide() {
if(document.getElementById('check_sh').checked) {
document.getElementById('select_sh').style.display = "none";
document.getElementById('select_sh2').style.displa y = "block";
} else {
document.getElementById('select_sh').style.display = "block";
document.getElementById('select_sh2').style.displa y = "none";
}
}
</script>



<form action="selec.php" method="post" >
<input name="inputt" type="checkbox" id="check_sh" onclick="show_hide() " />

<select name="sele" id="select_sh">
<option>1</option>
<option>11</option>
</select>

<select name="sele2" id="select_sh2" style="display:none;">
<option>2</option>
<option>22</option>
</select>

<input type="submit" />
</form>


Un saludo y mil gracias amigos

[IsaBelM]

en lugar de usar id, usa name. de este modo tanto el checkbox como los select puede tener el mismo name y crearás una colección

<input name="sel0" type="checkbox" onclick="show_hide()" />

<select name="sel0">
<option>1</option>
<option>11</option>
</select>

<select name="sel0" style="display:none;">
<option>2</option>
<option>22</option>
</select>

<input name="sel1" type="checkbox" onclick="show_hide()" />

<select name="sel1">
<option>1</option>
<option>11</option>
</select>

<select name="sel1" style="display:none;">
<option>2</option>
<option>22</option>
</select>

para acceder los elementos de cada colección usa

elements[nombrecontrol][indice]

a la función le pasas el name del checked --> show_hide(this.name)