[AYUDA] form + table + javascript
Publicado por Claudio QuevD (1 intervención) el 20/06/2017 18:53:47
Hola, básicamente lo que quiero hacer es crear un form y dentro de ese form una tabla(en html), la tabla llenarla con inputs(que tendrán valores extraídos desde postgresql(uso de json y PDO para hacer las consultas)), y después poder utilizar los valores ingresados en el formulario en javascript(llena la tabla con inputs y después usar los valores de las casillas al completar el formulario, osea todo con javascript).
CODIGO HTML:
CODIGO JS:
CODIGO HTML:
1
2
3
4
5
6
7
8
<form id="form-items" role="form" method="post" enctype="multipart/form-data">
<div class="table-responsive">
<font size="2" face="Courier New" >
<table border=1 width=80% heigth=80% cellspacing=0 cellpadding=10 id="dataTable_items" class="display table compact nowrap">
</table>
</font>
</div>
</form>
CODIGO JS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function evaluar(id_titulo) {
console.log("id titulo=",id_titulo);
var d = '<tr>'+
'<th cellpadding="5">Item</th>'+
'<th cellpadding="5">No Aplica</th>'+
'<th cellpadding="5">Bajo</th>'+
'<th cellpadding="5">Regular</th>'+
'<th cellpadding="5">bueno</th>'+
'<th cellpadding="5">Muy Bueno</th>' '</tr>';$.post("../modelo/profesor.php?accion=5", function(response) {
if (response.success) {
console.log("response success=",response.data);
$.each(response.data, function(index, value) {
console.log("index=",index,"value=",value);
d+= '<tr>'+
'<td><p align="center"><strong>'+response.data[index]['nombre_item']+':</strong></p><br><p align="center">'+response.data[index]['descrip_item']+'</p></td>'+
'<td><input align="center" type="radio" name="valor_item'+index+'" id="valor_item'+index+'" value="1">0</td>'+
'<td><input align="center" type="radio" name="valor_item'+index+'" id="valor_item'+index+'" value="2">0.3</td>'+
'<td><input align="center" type="radio" name="valor_item'+index+'" id="valor_item'+index+'" value="3">0.5</td>'+
'<td><input align="center" type="radio" name="valor_item'+index+'" id="valor_item'+index+'" value="4">0.7</td>'+
'<td><input align="center" type="radio" name="valor_item'+index+'" id="valor_item'+index+'" value="5">1</td>'+
'</tr>';});
d+='<tr><td colspan=6><strong><p align="center">Comentarios:</p></strong></td><tr><tr><td colspan=6><textarea name="comentario_evaluacion" id="comentario_evaluacion" class="form-control" rows="3" cols="500"></textarea></td></tr>';
$("#dataTable_items").append(d);
// $("#form-items").append(d); ESTO FUE LO QUE INTENTE, PERO NO FUNCIONO
$("#titulo-modal-evaluar").html("Pauta evaluacion del alumno");
$("#btn-aceptar-evaluar").attr("onClick", "evaluarPractica(" + id_titulo + ")");
$("#modal-evaluar").modal("show");
} else {
swal('Error', response.msg[2], 'error');
}}, 'json');
}Valora esta pregunta
0