Foros del Web » Programando para Internet » PHP » CodeIgniter »

JQuery Autocompletar en CodeIgniter

Estas en el tema de JQuery Autocompletar en CodeIgniter en el foro de CodeIgniter en Foros del Web. Buenas,SI ME AUTOCOMPLETA, pero quiero q se guarde el valor del código, id y descripcion en los campos correspondientes,veo q console.log muestra {label: "3321", value: ...
  #1 (permalink)  
Antiguo 23/03/2016, 19:44
 
Fecha de Ingreso: enero-2016
Mensajes: 7
Antigüedad: 8 años, 2 meses
Puntos: 0
Pregunta JQuery Autocompletar en CodeIgniter

Buenas,SI ME AUTOCOMPLETA, pero quiero q se guarde el valor del código, id y descripcion en los campos correspondientes,veo q console.log muestra {label: "3321", value: "3321"}, lo cual esos valores es el codigo q seleccione, como seria para q m muestre codigo,id,descripcion en los input, Gracias.

ACLARO QUE ES LA UNICA FORMA QUE ME FUNCIONA EL AUTOCOMPLETAR, YA INTENTE VARIAS.

CONTROLADOR

public function getarticulos() {
$q = trim($this->input->get('term'));
$result = array();
$productoresult = $this->articulo_model->find($q);
foreach ($productoresult as $i =>$articulo) {
$result[$i]['id'] = $articulo->id;
$result[$i]['codigo'] = $articulo->codigo;
$result[$i]['descripcion'] = $articulo->descripcion;
$result[$i]['precioactual'] = $articulo->precioactual;


}
echo json_encode($result);
}
VISTA

<script type="text/javascript">
$(document).ready(function() {
$(function() {
var cache = {};
$( "#txtcodigo" ).autocomplete({
minLength: 2,
source: function( request, response ) {
var menus = new Array();
var term = request.term;
if ( term in cache ) {
response( cache[ term ] );
return;
}

$.getJSON( "<?php echo base_url() ?>index.php/articulo/getarticulos", request, function( result) {
// cache[ term ] = result;

var count = result.length;
// console.log(result);
// console.log(count);
for (var i = 0; i < count; i++) {
menus[i] = { codigo: result[i].codigo, id: result[i].id, descripcion:result[i].descripcion};

menus[i] = result[i].codigo;


}
response(menus);

});


},
select: function( event, ui ) {
console.log(ui.item);
$("#txtcodigo").val(ui.item.codigo);//si escribo ui.item.value si
$("#txtid").val(ui.item.id); //guarda el valor del codigo
$("#txtdescripcion").val(ui.item.descripcion);
return false;

}

});
});


});
</script>

</head>

<label for="txtcodigo">Codigo: </label>
<input id="txtcodigo" value="">
<label for="txtid">id: </label>
<input id="txtid" value="">
<label for="txtdescripcion">Descripcion: </label>
<input id="txtdescripcion" value="">
  #2 (permalink)  
Antiguo 27/03/2016, 12:28
 
Fecha de Ingreso: septiembre-2015
Mensajes: 142
Antigüedad: 8 años, 7 meses
Puntos: 13
Respuesta: JQuery Autocompletar en CodeIgniter

Cita:
Iniciado por mer1519 Ver Mensaje
Código Javascript:
Ver original
  1. select: function( event, ui ) {  
  2.            console.log(ui.item);
  3.           $("#txtcodigo").val(ui.item.codigo);//si escribo ui.item.value si  
  4.           $("#txtid").val(ui.item.id);        //guarda el valor del codigo  
  5.           $("#txtdescripcion").val(ui.item.descripcion);  
  6.                     return false;
  7.  
  8.              }



si mal no recuerdo jquery autocomplete requiere de un label o value ( o ambos ) para que funcione si no mal recuerdo es así , si no Corregirme.

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:04.