JavaScript - ayuda agregar filas con combobox (llenado de una bd) en una tabla

 
Vista:
sin imagen de perfil
Val: 15
Ha disminuido su posición en 4 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

ayuda agregar filas con combobox (llenado de una bd) en una tabla

Publicado por Javier (6 intervenciones) el 13/10/2017 02:44:47
Amigos nuevamente necesito de su ayuda, la idea central es hacer una tabla que atraves de dos botones o agregue filas o elimine filas marcandolas, dicha tabla usa input checkbox y combobox, pero el combobox es donde tengo el problema, en el siguiente codigo logre hacer que agregue filas y las elimine desde javascript pero necesito en tres columnas cargar combobox de la bd (yo uso postgresql) al momento de agregar las filas usando php... les dejo mi codigo; lo que esta en negrita y comentada son comentarios donde van los 3 combobox y referencia e interrogante...agradezco su ayuda....

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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html>
<?php
    include('bd_conexion.php');
?>
<head>
<script type="text/javascript">           // AQUI CODIGO DE GENERAR LAS FILAS Y ELMININARLAS
function addRow(tableID)
{
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
 
    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "checkbox";
    cell1.appendChild(element1);
 
   // AQUI DEBE IR EL COMBO 1 CON DATOS DE LA BD
 
   // AQUI DEBE IR EL COMBO 2 CON DATOS DE LA BD
 
    //ACLARO AQUI VA EL CODIGO DONDE DEBO GENERARLO CON LA BD 
    //ESTABA VIENDO COMO USO EL  PHP O NO SE SI ESTOY ERRADO YA QUE SU EJECUCION
    //ES A NIVEL DEL SERVIDOR Y NO SE SI JAVASCRIPT SE EJECUTA IGUAL O
    //SENCILLAMENTE DEBO USAR OTRA HERRAMIENTA O TENGO QUE HACERLO DE OTRA FORMA
 
    var cell4 = row.insertCell(3);
    var element4 = document.createElement("input")
    element4.type = "text";
    cell4.appendChild(element4);
 
    var cell5 = row.insertCell(4);                         //AQUI EL COMBO 3 ESTES COMBO ES TAN SOLO UN EJEMPLO
    var lista = document.createElement("select");   // DE COMO AGREGAR EL COMBO PERO SIN BD
    lista.name = "opcion";                                                // Y LO NECESITO CON BD 
    var op1 = new Option("1", "1");
    var op2 = new Option("2", "2");
    var op3 = new Option ("3", "3");
    var op4 = new Option ("4", "4");
    lista.appendChild(op1);
    lista.appendChild(op2);
    lista.appendChild(op3);
    lista.appendChild(op4);
    cell5.appendChild(lista);
    var cell6 = row.insertCell(5);
 
    var element6 = document.createElement("input")
    element6.type = "text";
    cell6.appendChild(element6);
 
    var cell7 = row.insertCell(6);
    var element7 = document.createElement("input")
    element7.type = "text";
    cell7.appendChild(element7);
 
    var cell8 = row.insertCell(7);
    var element8 = document.createElement("input")
    element8.type = "text";
    cell8.appendChild(element8);
 
    var cell9 = row.insertCell(8);
    var element9 = document.createElement("input")
    element9.type = "text";
    cell9.appendChild(element9);
}
 
function deleteRow(tableID)
{
    try
    {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
 
        for(var i=0; i<rowCount; i++)
        {
            var row = table.rows[i];
            var chkbox = row.cells[0].childNodes[0];
 
            if(null != chkbox && true == chkbox.checked)
            {
                table.deleteRow(i);
                rowCount--;
                i--;
            }
        }
    }
    catch(e)
    {
        alert(e);
    }
}
</script>
</head>
<body>
<input type="button" value="Agregar Fila" onclick="addRow('miTabla');" />
<input type="button" value="Eliminar Fila" onclick="deleteRow('miTabla');" />
<table id="miTabla" border="1">
<thead>
    <tr>
        <th>(Agregar/Eliminar) FILAS</th>
        <th>Piloto</th>
        <th>Escuderia</th>
        <th>Tiempo</th>
        <th>Llegada</th>
        <th>Puntos</th>
        <th>Dorsal</th>
        <th>Pole Position</th>
        <th>N° Vueltas</th>
    </tr>
</thead>
<tbody>
    <td><input type="checkbox" name="chk" /></td>
    <td>
        <select id="indice">                                            //AQUI VA EL CODIGO EN PHP DONDE GENERO EL COMBO CARGADO DE LA BD
            <?php
                if ($caja_text9=='') {
                include('bd_conexion.php');
                $verificar = "SELECT * FROM piloto ORDER BY cod_piloto";
                $result_verificar = pg_query($verificar);
 
                echo "<option>"."----"."</option>";
                while($lista=pg_fetch_array($result_verificar)) {
                    if ($txt_pos==$lista['cod_llegada']) {
                        echo '<option value="'.$lista['cod_piloto'].'" selected>'.$lista['nombre_piloto'].''.$lista['apellido_piloto'].'</option>';
                    }
                    else {
                        echo '<option value="'.$lista['cod_piloto'].'">'.$lista['nombre_piloto'].''.$lista['apellido_piloto'].'</option>';
                    }
                }
                pg_free_result($verificar);
                }
                else {
                    include('bd_conexion.php');
                    $verificar = "SELECT * FROM piloto WHERE cod_piloto='".trim($caja_text9)."'";
                    $result_verificar = pg_query($verificar);
 
                    while($lista=pg_fetch_assoc($result_verificar)) {
                        echo '<option value="'.$lista['cod_piloto'].'" selected>'.$lista['nombre_piloto'].''.$lista['apellido_piloto'].'</option>';
                    }
                    pg_free_result($verificar);
 
                    include('bd_conexion.php');
                    $verificar = "SELECT * FROM piloto";
                    $result_verificar = pg_query($verificar);
 
                    echo "<option>"."----"."</option>";
                    while($lista=pg_fetch_array($result_verificar)) {
                        if ($txt_pos==$lista['cod_piloto']) {
                            echo '<option value="'.$lista['cod_piloto'].'" selected>'.$lista['nombre_piloto'].''.$lista['apellido_piloto'].'</option>';
                        }
                        else {
                            echo '<option value="'.$lista['cod_piloto'].'">'.$lista['nombre_piloto'].''.$lista['apellido_piloto'].'</option>';
                        }
                    }
                    $caja_text9='';
                    pg_free_result($verificar);
                }
                //pg_close($conexion);
            ?>
        </select>
    </td>
<td>
    <select id="indice">
        <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
    </select>
</td>
<td><input type="text" /></td>
<td>
    <select id="indice">
        <?php
            if ($caja_text9=='') {
            include('bd_conexion.php');
            $verificar = "SELECT * FROM llegada ORDER BY cod_llegada";
            $result_verificar = pg_query($verificar);
 
            echo "<option>"."----"."</option>";
            while($lista=pg_fetch_array($result_verificar)) {
                if ($txt_pos==$lista['cod_llegada']) {
                    echo '<option value="'.$lista['cod_llegada'].'" selected>'.$lista['llegada'].'</option>';
                }
                else {
                    echo '<option value="'.$lista['cod_llegada'].'">'.$lista['llegada'].'</option>';
                }
            }
            pg_free_result($verificar);
            }
            else {
                include('bd_conexion.php');
                $verificar = "SELECT * FROM llegada WHERE cod_llegada='".trim($caja_text9)."'";
                $result_verificar = pg_query($verificar);
 
                while($lista=pg_fetch_assoc($result_verificar)) {
                    echo '<option value="'.$lista['cod_llegada'].'" selected>'.$lista['llegada'].'</option>';
                }
                pg_free_result($verificar);
 
                include('bd_conexion.php');
                $verificar = "SELECT * FROM llegada";
                $result_verificar = pg_query($verificar);
 
                echo "<option>"."----"."</option>";
                while($lista=pg_fetch_array($result_verificar)) {
                    if ($txt_pos==$lista['cod_llegada']) {
                        echo '<option value="'.$lista['cod_llegada'].'" selected>'.$lista['llegada'].'</option>';
                    }
                    else {
                        echo '<option value="'.$lista['cod_llegada'].'">'.$lista['llegada'].'</option>';
                    }
                }
                $caja_text9='';
                pg_free_result($verificar);
            }
            //pg_close($conexion);
        ?>
    </select>
</td>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tbody>
</table><br/>
</body>
</html>
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