JavaScript - [AYUDA] form + table + javascript

   
Vista:

[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:

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder