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.
agrego los textbox manualmente de esta forma
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?
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
0