generar tr al seleccionar numero de un select

greisy · #1 (**permalink**) 03/12/2006, 19:54

hola! el problem q se me ha presentado es el siguiente:

tngo este codigo javascript:

function agregar(form1)
{
var numObj = parseInt(document.form1.numcuenta.value);

if (numObj == 0)
{
document.getElementById("titulouser1").style.displ ay = "none";
document.getElementById("user1").style.display = "none";
document.getElementById("titulouser2").style.displ ay = "none";
document.getElementById("user2").style.display = "none";
document.getElementById("titulouser3").style.displ ay = "none";
document.getElementById("user3").style.display = "none";
document.getElementById("titulouser4").style.displ ay = "none";
document.getElementById("user4").style.display = "none";
document.getElementById("titulouser5").style.displ ay = "none";
document.getElementById("user5").style.display = "none";
}

if (numObj == 1)
{
document.getElementById("titulouser1").style.displ ay = "block";
document.getElementById("user1").style.display = "block";
document.getElementById("titulouser2").style.displ ay = "none";
document.getElementById("user2").style.display = "none";
document.getElementById("titulouser3").style.displ ay = "none";
document.getElementById("user3").style.display = "none";
document.getElementById("titulouser4").style.displ ay = "none";
document.getElementById("user4").style.display = "none";
document.getElementById("titulouser5").style.displ ay = "none";
document.getElementById("user5").style.display = "none";
}
}

y tengo este select:
<select name="numcuenta" class="datos" onChange="agregar(document.form1)" id="numcuenta">
<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>
<option value="5">5</option>
</select>

La idea es q cuando seleccione un numero del select se me muestre unas filas (tr) de una tabla, algo como esta fila:

<tr id="titulouser1" style="display:none" >
<td colspan="2" align="center" class="textorojo2"><center><b>USER-1</b>
</center></td>
</tr>
<tr id="user1" style="display:none">
<td width="49%" align="left">Login:
<input name="user1" type="text" id="user1" size="25" maxlength="12" class="datos"></td>
<td width="49%" align="right">Password:
<input name="pass1" type="text" id="pass1" size="25" maxlength="12" class="datos"></td>
</tr>

Ciertamente, lo q he expuesto funciona pero no del todo bien, Lo primero q me gustaria arreglar es el código javascript es decir como podría reducirlo pero q me cumpla la misma funcionalidad, ya q son varias filas, y si lo hago como lo expuse seria inmenso el codigo, obviamente, la otra cosa sería también generar a través de un javascript los <tr> y q concuerden con el numero seleccionado, es decir, si seleccione del select 2 se me muestren dos filas, si seleccione 5, se me muestren 5 y asi sucesivamente.... ya q actualmente yo misma los genere segun el numero q habia colocado en el select...

Espero haberme explikdo y q me puedan ayudar... Gracias a los q me puedan ayudar.... Bye..

JavierB · #2 (**permalink**) 04/12/2006, 03:30

Hola greisy

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var mostrar=0;
function agregar(num) {
  tab = document.getElementById('tabla');
  if (mostrar != 0)
    tab.getElementsByTagName('tr')[mostrar-1].style.display = 'none';
  if (num != 0)
    tab.getElementsByTagName('tr')[num-1].style.display = '';
  mostrar = num;
}
</script>
</head>
<body>
<select onchange="agregar(this.selectedIndex)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

<table id="tabla">
<tr style="display:none"><td>fila1</td></tr>
<tr style="display:none"><td>fila2</td></tr>
<tr style="display:none"><td>fila3</td></tr>
</table>
</body>
</html>

Saludos,

greisy · #3 (**permalink**) 04/12/2006, 08:16

hola! gracias por responder... lo probe y funciona perfectamente... aunque las filas quisiera q me aparezcan y se queden alli... por ejemplo, yo quiero agregar 3 filas, selecciono el num 3 y se agreguen y visualicen las 3 filas, aparezcan la fila 1 la dos y las tres, si selecciono el num 6, me agregue las 3 q faltan, si selecciono 2 me aparezcan solo dos... asi sucesivamente... que se agreguen y visualicen o se eliminen dependiendo del num seleccionado... No se si me explico.... espero q me puedas ayudar en esto... y mil gracias de nuevo..