JSP (Java Server Page) - Como mostrar select en una tabla

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 5 puestos en JSP (Java Server Page) (en relación al último mes)
Gráfica de JSP (Java Server Page)

Como mostrar select en una tabla

Publicado por Carlos (2 intervenciones) el 26/08/2019 21:13:01
hola a todos
Tengo una tabla en jsp,en esta tabla tengo un select el cual contiene datos de una base de datos,lo que pasa es que necesito agregar mas de un registro,cuando le doy agregar mas registros,me muestra esto,alguien me puede ayudaranexo codigo e imagenes

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
<label for="alineamiento"><div class='btn btn-success' id="btnNuevoAlineamiento" onclick="funcPrincipal()">agregar</div></label>
 
<table class='table table-bordered table-hover' id="tablaDatos">
 
 
 
    <tr>
        <th>Código</th>
        <th>Descripción</th>
        <th>Cantidad</th>
        <th>Acciones</th>
    </tr>
 
 
    <tr>
        <td><input type="text" class="form-control"></td>
        <td>
 
            <select name="indica" id="indica" class="form-control" >
                <option value="">- Seleccione El Insumo -</option>
            <%
 
 
                try {
                Cn.getconexion();
                String sql = "SELECT ID_INSUMO,NOMBRE_INSUMO\n"
                        + "FROM KTO_INSUMO\n"
                        +  "ORDER BY NOMBRE_INSUMO";
 
                        Cn.st = Cn.getconexion().createStatement();
                        Cn.rs = Cn.st.executeQuery(sql);
 
                     while (Cn.rs.next()) {
                        String codigo =Cn.rs.getString("ID_INSUMO");
                        String descrip =Cn.rs.getString("NOMBRE_INSUMO");
 
                        out.println("<option value = '" + codigo + "'>" + descrip + "</option>");
                }
                }catch(Exception e) {
                        out.print(e.toString());
                }
            %>
            </select>
        </td>
        <td><input type="number" class="form-control"></td>
        <td class="text-center">
            <div class='btn btn-primary'>Guardar</div>
            <div class='btn btn-danger'>Eliminar</div>
        </td>
    </tr>
 
</table>

funcion de agregar en 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
$(document).on('ready', funcPrincipal);
 
function funcPrincipal()
{
    $("#btnNuevoAlineamiento").on('click', funcNuevoAlineamiento);
}
 
function funcNuevoAlineamiento()
{
    $("#tablaDatos")
            .append(
 
                $('<tr>')
                .append
                        (
                                $('<td>')
                                .append
                                    (
                                            $('<input>').attr('type', 'text').addClass('form-control')
                                    )
                        )
                        .append
                        (
 
                            $('<td>')
                                .append
                                    (
                                        $('<select>').attr('type', 'text').addClass('control-label')
                                    )
 
                        )
                                                .append
                        (
 
                            $('<td>')
                                .append
                                    (
                                        $('<input>').attr('type', 'number').addClass('form-control')
 
 
                                    )
 
                        )
                        .append
                        (
                                $('<td>').addClass('text-center')
//                                .append
//                                (
//                                    $('<div>').addClass('btn btn-primary').text('Guardar')
//                                )
                                .append
                                (
                                    $('<div>').addClass('btn btn-danger').text('Eliminar')
                                )
                        )
            );
 
 
}

imagenes




muchas gracias
Captura
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