evitar repeticones en código

[chocovo]

Hola,

Como puedo hacer para que evitar en una tabla repetir 20 veces el mismo código.

En la fila 1 tengo <tr id="1"> y lo asocio todo al valor 1.
En la fila 2 tengo <tr id="2"> y todo con 2.
etc...
En la fila 20 ...

Código PHP:

  <tr id="2" style=""><td> 
<select onchange="addprod(this.value, 2);"> 
<option value="">Seleccione un producto</option>             
<option value="1-3">Producto 1</option>             
<option value="4-6">Producto 2</option>             
<option value="7-9">Producto 3</option>             
</select> 
</td> 
<td><input name="cantidad2" id="cantidad2" size="3" onkeyup="cantidad(this.value, 2)" value="1" type="text"></td> 
<td><input name="longitud2" id="longitud2" size="3" onkeyup="longitud(this.value, 2)" value="2" type="text"></td> 
<td><input name="ancho2" id="ancho2" size="3" ...</td></tr>  
   

Gracias

[Adler]

Hola

Usa un ciclo. Pero del lado del servidor

Código PHP:

<?php
for($i=0; $i <= 50; $i++) {
?>
<tr id="tr<?php echo $i ?>" style=""><td>
<select onchange="addprod(this.value, <?php echo $i ?>);">
<option value="">Seleccione un producto</option>            
<option value="1-3">Producto 1</option>            
<option value="4-6">Producto 2</option>            
<option value="7-9">Producto 3</option>            
</select>
</td>
<td><input name="cantidad<?php echo $i ?>" id="cantidad<?php echo $i ?>" size="3" onkeyup="cantidad(this.value, <?php echo $i ?>)" value="1" type="text"></td>
<td><input name="longitud<?php echo $i ?>" id="longitud<?php echo $i ?>" size="3" onkeyup="longitud(this.value, <?php echo $i ?>)" value="2" type="text"></td>
<td><input name="ancho<?php echo $i ?>" id="ancho<?php echo $i ?>" size="3" ...</td></tr>  
<?php } ?>
 

Suerte

[KoswiDigital]

Hola. Con JavaScript, de la siguiente manera:

Código HTML:

<table id="mitabla">
  <tr>
    <td>hola</td>
    <td>adios</td>
  </tr>
  <tr>
    <td>hola</td>
    <td>adios</td>
  </tr>
  <tr>
    <td>hola</td>
    <td>adios</td>
  </tr>
  <tr>
    <td>hola</td>
    <td>adios</td>
  </tr>
</table>
 

Código Javascript:

var mitabla = document.getElementById('mitabla'); // seleccionamos la tabla
    var filas = mitabla.rows;  // contamos el número de filas
    
    for( i=0 ; i<filas.length ; i++ )
    {
        filas[i].setAttribute('id',i);  // añadimos el atributo id=numero en cada una
    }
 

Un saludo.

[Adler]

Hola

Iniciado por KoswiDigital

Hola. Con JavaScript, de la siguiente manera:

¿Crees que es conveniente dejar el contenido html de un lenguagje tan discrecional como javascript? ¿Y si el usuario lo tiene deshabilitado? Que manera de complicarnos la vida

[KoswiDigital]

Foros del Web » Programación para sitios web » Javascript

¿Crees que es conveniente dejar el contenido html de un lenguagje tan discrecional como javascript? ¿Y si el usuario lo tiene deshabilitado? Que manera de complicarnos la vida

Hola Adler, sólo he puesto como se haría con JavaScript, pues también es bueno saberlo. Nada que ver con que sea mejor o peor hacerlo en un lenguaje u otro y esto, también depende según para que. No veo motivo de alarma por tu parte.


Saludos.

[chocovo]

Muchas gracias por vuestras respuestas. Todavía estoy muy verde en javascript pero poco a poco voy viendo cosas, aprendiendo y asimilando.

Un saludo