JavaScript - crear filas dinamicamente

   
Vista:

crear filas dinamicamente

Publicado por Victor (11 intervenciones) el 28/01/2016 15:12:05
Tengo una tabla y un select, la cual quiero agregar filas con unos textbox dependiendo de la cantidad que escoja en el select.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<select id="pisos">
     <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>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
 
<table style="width: 100%" border="0" class="tablaConBorde table" name="tablaPisos" id="tablaPisos" >
</table>

agrego los textbox manualmente de esta forma

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function agregarPisos()
{
var table = document.getElementById("tablaPisos");
  {
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  var cell3 = row.insertCell(2);
  var cell4 = row.insertCell(3);
  var cell5 = row.insertCell(4);
  var cell6 = row.insertCell(5);
 
  cell1.innerHTML = 'N° Piso<input disabled class="form-control " type="text" id="7_piso_num" value="" name="7_piso_num" >';
  cell2.innerHTML = 'm2<input class="form-control" type="text" id="7_piso_m2" value="" name="7_piso_m2">';
  cell3.innerHTML = 'N° Piso<input disabled class="form-control " type="text" id="7_piso_num2" value="" name="7_piso_num2" >';
  cell4.innerHTML = 'm2 <input class="form-control" type="text" id="7_piso2_m2" value="" name="7_piso2_m2" >';
  cell5.innerHTML = 'N° Piso<input disabled class="form-control " type="text" id="7_piso_num3" value="" name="7_piso_num3" >';
  cell6.innerHTML = 'm2 <input class="form-control" type="text" id="7_piso3_m2" value="" name="7_piso3_m2" >';
  }
}


LO QUE NECESITO HACER ES CON UN SELECT, DEPENDIENDO DEL VALOR QUE SE ESCOJA AGREGAR LA CANTIDAD DE DATOS EN LA TABLA, ME EXPLICO MEJOR.

SI EN EL SELECT ESCOJO 6, AGREGO 2 FILAS CON 3 TEXTBOX CADA FILA, YA QUE SOLO TIENEN QUE IR 3 TEXTBOX POR FILA, SI ESCOJO EN EL SELECT EL VALOR 9, SE DEBEN CREAR 3 FILAS CON 3 TEXTBOX CADA FILA.

alguna ayuda?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder