JavaScript - Problema al generar una nueva fila no me trae informacion de la BD

   
Vista:

Problema al generar una nueva fila no me trae informacion de la BD

Publicado por Sandra (3 intervenciones) el 15/08/2014 20:32:41
Hola a todos, necesito su ayuda..

El codigo que les mostrare es sobre agregar las actividades a un proyecto, es una tabla dinamica, se pueden agregar cuantas filas se deseen haciendo click en el boton + que esta al lado de la tabla de actividades.

El problema es el siguiente, cuando genero una nueva fila, me sale para agregar el nombre, fecha inicio, fecha fin, horas, observacion, PERO el select de responsable vacio.

El responsable se selcciona de un select que contiene todos los responsables registrados en la base de datos.

La priemra fila (que se genera automaticamente al cargar la pag) si salen todos los responsables registrados en la base de datos en el select, pero cuando genero una nueva no me salen.

A continuacion les coloco el codigo (.jsp):

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<%@page contentType="text/html" pageEncoding="UTF-8"%>
    <%@include file="sesion.jsp" %>
    <%@include file="conexion.jsp" %>
    <!DOCTYPE html>
 
    <html>
        <head>
            <title>Gestionar Proyecto</title>
 
            <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
            <script type="text/javascript" src="jquery-ui.min.js"></script>
            <script type="text/javascript" src="jquery.ui.datepicker-es.js"></script>
            <link href="jquery-ui.min.css" rel="stylesheet" type="text/css">
 
            <script type="text/javascript">
                $(function(){
 
                    tabla = $('#actividades');
                    tr = $('#fila', tabla);
                    $('#agregarFila').on('click', function (){
                        var trNueva = $("<tr/>");
                        trNueva.html('<td><input type="text" name="nombre_tarea[]" /></td>\n\
                                     <td><input type="text" name="fecha_inicio_plan_tarea[]" id="" readonly class="fechaInicioPlan"/></td>\n\
                                     <td><input type="text" name="fecha_fin_plan_tarea[]" id="" readonly class="fechaFinPlan"/></td>\n\
                                     <td><input type="text" name="horas_tarea[]"/></td>\n\
                                     <td><select name="responsable_tarea[]" id="" class="responsableTarea" size="1"/></td>\n\
                                          <option value="" class="resp"></option>\n\
                                          </select></td>\n\
                                     <td><textarea rows="1" cols="17" name="observacion_tarea[]" maxlength="400"></textarea></td>\n\
                                     <td><input type="button" value="-" id="eliminarActividad"  class="eliminarAct"/></td>');
                        tabla.append(trNueva);
                        var responsableTarea = trNueva.find(".responsableTarea");
                        var fechaInicioPlan = trNueva.find(".fechaInicioPlan");
                        fechaInicioPlan.datepicker({
                            showOn: 'button',
                            buttonImage: 'calendar.gif',
                            buttonImageOnly: true,
                            changeMonth:true,
                            changeYear:true
 
                        });
 
                        var fechaFinPlan = trNueva.find(".fechaFinPlan");
                        fechaFinPlan.datepicker({
                            showOn: 'button',
                            buttonImage: 'calendar.gif',
                            buttonImageOnly: true,
                            changeMonth:true,
                            changeYear:true
 
                        });
 
                    });
 
                    $("#actividades").on('click', ".eliminarAct", function (){
                        var tr = $(this).closest('tr');
                        tr.remove();
                    });
 
                    $("#fecha_inicio_plan_tarea").datepicker({
                        showOn: 'button',
                        buttonImage: 'calendar.gif',
                        buttonImageOnly: true,
                        changeMonth:true,
                        changeYear:true
                    });
 
                    $("#fecha_fin_plan_tarea").datepicker({
                        showOn: 'button',
                        buttonImage: 'calendar.gif',
                        buttonImageOnly: true,
                        changeMonth:true,
                        changeYear:true
                    });
 
 
                });
            </script>
 
        </head>
        <body>
 
            <form name="formAgregarProyecto" method="post" action="guardarProyecto.jsp">
 
                    <table id="actividades" border="1">
 
                        <tr>
                            <td>Actividades</td>
                            <td>Fecha de Inicio</td>
                            <td>Fecha de Finalización</td>
                            <td>Horas</td>
                            <td>Responsable</td>
                            <td>Observacion</td>
                            <td></td>
                        </tr>
 
                        <tr id="fila">
                            <td><input type="text" name="nombre_tarea[]" /></td>
                            <td><input type="text" name="fecha_inicio_plan_tarea[]" id="fecha_inicio_plan_tarea" readonly class="fechaInicioPlan"/></td>
                            <td><input type="text" name="fecha_fin_plan_tarea[]" id="fecha_fin_plan_tarea" readonly class="fechaFinPlan"/></td>
                            <td><input type="text" name="horas_tarea[]" /></td>
                            <td><% { String qryMostrarUsuario="select id_usuario, nombre_usuario, apellido_usuario from usuario";
                                     ResultSet mostrarUsuario = sql.executeQuery(qryMostrarUsuario);
                                %>
                                    <select name="responsable_tarea[]" id="responsable_tarea" class="responsableTarea" size="1">
                                    <% while (mostrarUsuario.next()) { %>
                                        <option value="<%= mostrarUsuario.getString("id_usuario") %>" class="resp"><%= mostrarUsuario.getString("nombre_usuario")+" "+mostrarUsuario.getString("apellido_usuario") %></option>
                                    <% } %>
                                    </select>
                                <% } %>
                            </td>
                            <td><textarea rows="1" cols="17" name="observacion_tarea[]" maxlength="400"></textarea></td>
                            <td><input type="button" value="-" id="eliminarActividad" class="eliminarAct"/></td>
                        </tr>
                    </table>
                    </td>
                    <td>
                        <input type="button" value="+" id="agregarFila" />
                    </td></tr></table>
 
                <input type="submit" name="Guardar" value="Guardar"  />
            </form>
 
        </body>
    </html>

Por favor necesito su ayuda, es mi proyecto de grado y no logro conseguir la solucion a eso.

Espero puedan ayudarme, saludos.
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