Estoy haciendo un proyecto propio pero me he quedado atorado en algo. Tengo un input con un boton llamado agregar, entonces tengo una funcion de autocomplete, me funciona todo. Por ejemplo si escribo "COC", aparece una lista con el registro que tengo en la bd que es COCACOLA, al dar click enesa opción si se pasa el valor de todo ese registroa a mi boton llamado agregar, pero mi problema es que si escribo completamente "COCACOLA" doy click al boton pues no me agrega nada ya que no tiene el valor del input. Solo funciona si usa la función autocomplete. No se si me doy a entender. Me pueden ayudar por favor, muchas gracias.
Este es mi input con mi boton
<input type="text" list="nombre" class="form-control" id="nombre" placeholder="">
<button class="btn btn-success" id="btn-agregar">AGREGAR</button>
Esta es mi funcion de autocomplete
$("#nombre").autocomplete({
source:function(request, response){
$.ajax({
url: "<?=base_url() ?>index.php/Ventas/getproductos",
type: "POST",
dataType: "json",
data:{ valor: request.term},
success:function(data){
response(data);
}
});
},
minLength:1,
select:function(event, ui){
data = ui.item.id_producto+ "*"+ ui.item.codigo+ "*"+ ui.item.label+ "*"+ ui.item.precio+ "*"+ ui.item.stock;
$("#btn-agregar").val(data);
},
});