Evento on change en una tabla html
Publicado por mario (8 intervenciones) el 21/03/2019 01:36:32
buenas, me podrian dar su consejo en un problema que tengo :
tengo una tabla hatml que se llena con una consulta a la base de datos, contiene en unas de sus filas un campo select, que muestra la lista de tecnicos. al escoger un tecnico quiero hacer que se actualice la base de datos asignandole ese tecnico a ese registro seleccionado. el jqueri que utiliso es un evento on change:
la tabla es la siguiente:
es muy larga asi que solo pegue una parte:
llamo al campo select por el id="TecPresu"
el problema es que solo me funciona con la primera fila y con las demas no funciona
tengo una tabla hatml que se llena con una consulta a la base de datos, contiene en unas de sus filas un campo select, que muestra la lista de tecnicos. al escoger un tecnico quiero hacer que se actualice la base de datos asignandole ese tecnico a ese registro seleccionado. el jqueri que utiliso es un evento on change:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
jQuery(document).ready(function($) {
$("#TecPresu").change(function() {
var valor = $("#Paq").val();
var valor2 = $("#TecPresu").val();
var link = "Asignar_Paquetes.php";
alert(valor2);
$.ajax({
url: link,
type: 'GET',
dataType: 'html',
data: {
"valor": valor,
"valor2": valor2
},
success: function(data) {
window.location.href = "Asignar_Paquetes.php";
}});
});
la tabla es la siguiente:
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
<table id="datatable" class="table table-striped jambo_table bulk_action ">
<thead>
<tr>
<th style="text-align: center;" width="4%">#Paquete</th>
<th style="text-align: center;" width="10%">Fecha</th>
<th style="text-align: center;" width="10%">Generado Por</th>
<th style="text-align: center;" width="14%">Asignado a</th>
<th style="text-align: center;" width="42%">Tecnicos</th>
<th style="text-align: center;" width="10%">Status</th>
</tr>
</thead>
<form action="" id="form1" method="post">
<tbody>
<?php $id=0; ?>
<?php do { $id=$id+1; ?>
<tr style="background: #e9e9e9;" id="Mostrar_Tabla" data-id="<?php echo $id?>" class="opciones">
<?php
$VarNumPaq=$row_ConsultaPaq['NumPaquete'];
$VarId="Tabla_Mostrar" . $VarNumPaq;
$query_ReqPaq = "SELECT * FROM vw_req_paquetes WHERE NumPaq = '$VarNumPaq'";
$ConsultaReqPaq = mysqli_query($Con_sre, $query_ReqPaq);
$row_ConsultaReqPaq = mysqli_fetch_assoc($ConsultaReqPaq);
$totalRows_ConsultaReqPaq = mysqli_num_rows($ConsultaReqPaq);
?>
<th style="text-align:center"><?php echo $row_ConsultaPaq['NumPaquete']; ?></th>
<input type="hidden" name="Paq" id="Paq" value="<?php echo $row_ConsultaPaq['NumPaquete']; ?>" />
<th style="text-align:center"><?php echo $row_ConsultaPaq['Fecha']; ?></th>
<th style="text-align:center"><?php echo $row_ConsultaPaq['SeparadoPor']; ?></th>
<th style="text-align:center"><?php echo $row_ConsultaPaq['Nombre']; ?></th>
<th style="text-align:center"><select name="Tecnico1" id="TecPresu" class="form-control" class="Selec">
<option></option>
<?php
do {?>
<option value="<?php echo $row_ConsultaUserTecno['NumUsuario']?>"
<?php if (!(strcmp($row_ConsultaUserTecno['NumUsuario'], $row_BuscarReq['AsignadoTecno']))) {
echo "selected=\"selected\"";} ?>><?php echo $row_ConsultaUserTecno['Nombre']?> -
<?php echo $row_ConsultaUserTecno['Especialidades']?>
</option>
<?php
} while ($row_ConsultaUserTecno = mysqli_fetch_assoc($ConsultaUserTecno));
$rows = mysqli_num_rows($ConsultaUserTecno);
if($rows > 0) {
mysqli_data_seek($ConsultaUserTecno, 0);
}?>
</select>
</th>
<?php if( $row_ConsultaPaq['Status']=="DEVUELTO"){
$Color = "#921919";
}else{
$Color = "#73879C";
}?>
<th style="color:<?php echo $Color ?>; text-align:center"><?php echo $row_ConsultaPaq['Status']; ?></th>
</tr>
es muy larga asi que solo pegue una parte:
llamo al campo select por el id="TecPresu"
el problema es que solo me funciona con la primera fila y con las demas no funciona
Valora esta pregunta
0