Llenar varios inputs a partir de autocompletado
Publicado por mario (3 intervenciones) el 08/11/2018 17:46:36
Buenas tardes
Tengo el sigueinte problema estoy creando un formulario donde se autocompleten datos y que al hacerlo se rellenen unos inputs
aparentemente el codigo no tiene ningun problema tengo como motor de bases de datos SQL SERVER 2014
quisiera que alguien me pueda ayudar o decirme que mas me hace falta, donde esta el error,
de ante mano muchas gracias
este es el formulario
y este es el codigo
HTML
JS
y el php
Tengo el sigueinte problema estoy creando un formulario donde se autocompleten datos y que al hacerlo se rellenen unos inputs
aparentemente el codigo no tiene ningun problema tengo como motor de bases de datos SQL SERVER 2014
quisiera que alguien me pueda ayudar o decirme que mas me hace falta, donde esta el error,
de ante mano muchas gracias
este es el formulario
y este es el codigo
HTML
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
<form class="form-horizontal" role="form" id="datos">
<div class="form-group row">
<label for="nombre" class="col-md-1 control-label">Nombre Completo</label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="nombre" placeholder="Selecciona un cliente" required>
<input id="codigo" type='hidden'>
</div>
<label for="persona" class="col-md-1 control-label">Tipo de persona</label>
<div class="col-md-2">
<input type="text" class="form-control input-sm" id="persona" placeholder="Tipo de persona" readonly>
</div>
<label for="fecha_in" class="col-md-1 control-label">Fecha de ingreso</label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="fecha_in" placeholder="Email" readonly>
</div>
<label for="hora_in" class="col-md-1 control-label">Hora de ingreso</label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="hora_in" placeholder="Email" readonly>
</div>
<label for="arl" class="col-md-1 control-label">ARL</label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="arl" placeholder="Email" readonly>
</div>
<label for="eps" class="col-md-1 control-label">EPS</label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="eps" placeholder="Email" readonly>
</div>
<label for="articulo" class="col-md-1 control-label">Articulo </label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="articulo" placeholder="Email" readonly>
</div>
<label for="area" class="col-md-1 control-label">Area</label>
<div class="col-md-3">
<input type="text" class="form-control input-sm" id="area" placeholder="Email" readonly>
</div>
</div>
</form>
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
<script>
$(function() {
$("#nombre").autocomplete({
source: "getdata.php",
minLength: 2,
select: function(event, ui) {
event.preventDefault();
$('#codigo').val(ui.item.codigo);
$('#nombre_completo').val(ui.item.nombre_completo);
$('#persona').val(ui.item.tipo_persona);
$('#fecha_in').val(ui.item.fecha);
$('#hora_in').val(ui.item.hora);
$('#arl').val(ui.item.arl);
$('#eps').val(ui.item.eps);
$('#articulo').val(ui.item.articulo);
$('#area').val(ui.item.area);
}});
});
$("#nombre" ).on( "keydown", function( event ) {
if (event.keyCode== $.ui.keyCode.LEFT || event.keyCode== $.ui.keyCode.RIGHT || event.keyCode== $.ui.keyCode.UP || event.keyCode== $.ui.keyCode.DOWN || event.keyCode== $.ui.keyCode.DELETE || event.keyCode== $.ui.keyCode.BACKSPACE )
{$("#codigo" ).val("");
$("#nombre_completo" ).val("");
$("#persona" ).val("");
$("#fecha_in" ).val("");
$("#hora_in" ).val("");
$("#arl" ).val("");
$("#eps" ).val("");
$("#articulo" ).val("");
$("#area" ).val("");
}if (event.keyCode==$.ui.keyCode.DELETE){
$("#codigo" ).val("");
$("#nombre_completo" ).val("");
$("#persona" ).val("");
$("#fecha_in" ).val("");
$("#hora_in" ).val("");
$("#arl" ).val("");
$("#eps" ).val("");
$("#articulo" ).val("");
$("#area" ).val("");
}});
</script>
y el php
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
<?php
if (isset($_GET['term'])){
include("conexion.php");
$return_arr = array();
/* If connection to database, run sql statement. */if ($conn_sis)
{$fetch = srvsql_query($conn_sis,"SELECT * FROM usuarios where nombre_completo like '%" . srvsql_real_escape_string($conn_sis,($_GET['term'])) . "%' LIMIT 0 ,50");
/* Retrieve and store in array the results of the query.*/while ($row = srvsql_fetch_array($fetch)) {
$id_cliente=$row['codigo'];
$row_array['value'] = $row['nombre_completo'];
$row_array['codigo']=$id_cliente;
$row_array['nombre_completo']=$row['nombre_completo'];
$row_array['tipo_persona']=$row['tipo_persona'];
$row_array['hora']=$row['hora_in'];
$row_array['fecha']=$row['fecha_in'];
$row_array['arl']=$row['arl'];
$row_array['eps']=$row['eps'];
$row_array['articulo']=$row['articulo'];
$row_array['area']=$row['area'];
array_push($return_arr,$row_array);
}}/* Free connection resources. */srvsql_close($con);
/* Toss back results as json encoded array. */echo json_encode($return_arr);
}?>
Valora esta pregunta
0