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

sandragh27 · #1 (**permalink**) 15/08/2014, 10:07

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:

Código Java:

Ver original<%@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.

maycolalvarez · #2 (**permalink**) 16/08/2014, 13:34

solo veo que generas el código del select con un solo option, se supone que para obtenerlos los debes de consultar del servidor, y para ello deberías usar una petición AJAX, devolver los options del servidor y concatenarlo a la cadena donde construyes la fila.