Estoy utilizando select2
, me busca bien pero no me muestra los resultados.
Por otro lado, ¿cómo hago para que cuando le de click a algún resultado de producto, automáticamente me ponga el precio y la cantidad en los input
del costado? Mi SQL
ya trae todos los datos, en la imagen solo traje el nombre porque pensaba que el problema era eso.
AYUDA CON ESTO PORFAVOR
HTML
<div class="col-xs-12">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Producto</label>
<div class="col-md-12">
<select class="form-control select2" id="producto" name="Ingrese el nombre del Producto" style="width: 100%"></select>
<span class="help-block"></span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label class="control-label col-md-4">Precio</label>
<div class="col-md-12">
<input id="precio" placeholder="0" class="form-control" type="text">
<span class="help-block"></span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label class="control-label col-md-4">Cantidad</label>
<div class="col-md-12">
<input id="cantidad_stock" placeholder="0" class="form-control" type="text">
<span class="help-block"></span>
</div>
</div>
</div>
</div>
JQUERY
$(document).ready(function () {
//******* CENTRAL EL FOCUS EN EL select2 ********//
//$.fn.modal.Constructor.prototype.enforceFocus = $.noop;
$("#producto").select2({
placeholder: "Buscar proceso",
allowClear: true,
minimumInputLength: 1,
ajax: {
url: baseurl + "Venta/obtener_producto",
dataType: "json",
delay: 250,
data: function (params) {
return {
q: params.term
};
},
processResults: function (data) {
return {
results: data
};
},
cache: true
},
});
});