Tengo un select con JS que me muestra los clientes que estan grabados en la DB pero necesito que al seleccionar uno en otro input me muestre el idvendedor asociado a ese cliente. Hasta el momento puedo ver los clientes pero no se como hacer para que en el otro input me muestre el código del vendedor.
Si me pueden dar una mano les agradezco.
HTML:
<div class="form-group col-lg-4 col-md-4 col-xs-6">
<label for="">Cliente</label>
<input class="form-control" type="hidden" name="idencabezado" id="idencabezado">
<select name="idcliente" id="idcliente" class="form-control selectpicker" data-live-search="true" required>
</select>
</div>
<div class="form-group col-lg-2 col-md-2 col-xs-2">
<label for="">Vendedor</label>
<input class="form-control" type="text" name="idvendedor" id="idvendedor" readonly>
</div>
JS:
$.post("../ajax/venta.php?op=selectCliente", function(r){
$("#idcliente").html(r);
$('#idcliente').selectpicker('refresh'); });
PHP:
case 'selectCliente':
$rspta = $venta->listarc();
while ($reg = $rspta->fetch_object()) {
echo '<option value=' . $reg->idpersona . '>' . $reg->nombre . '</option>';
}
break;
Consulta:
//Seleccionar cliente
public function listarc()
{
$sql = "SELECT idpersona, nombre, idvendedor FROM persona WHERE tipo_persona = 'Cliente'";
return ejecutarConsulta($sql);
}
id
, en vez de hacer otro viaje al servidor, lo puedes pre-cargar en un atributodata-
y mostrarlo desde cualquier evento. Revisa esta respuesta por ejemplo. En el cliente (HTML / Javascript) los datos se cargan inicialmente, y luego los muestras leyendo los atributos data-