Hola buen día a todos tengo una base de datos que tiene 3 columnas [id][cliente][precio] se cargan los datos del cliente en un select y me gustaria que al seleccionar el cliente en el select el dato de precio se cargue en un input
de antemano gracias
// Cada vez que cambie el select
$("#seleccionarCliente").change(function(){
// a la variable x le asigno el value del select con id="seleccionarCliente"
var x = $('#seleccionarCliente').val();
// le asigno el valor de x al input con id="cdCliente"
$('#cdCliente').val(x);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-users"></i></span>
<select class="form-control" id="seleccionarCliente" name="seleccionarCliente" required>
<option value="">Seleccionar cliente</option>
<!--Ejemplos para mostrar el resultado, los puedes eliminar-->
<option value="1">Cliente 1</option>
<option value="2">Cliente 2</option>
<?php
$item = null;
$valor = null;
$categorias = ControladorClientes::ctrMostrarClientes($item, $valor);
foreach ($categorias as $key => $value) :?>
<option value="<?= $value['id']; ?>"><?= $value['nombre']; ?></option>
<?php endforeach;
?>
</select>
<!-- cambiar type text por hidden -->
<input type="text" id="cdCliente" name="cdCliente" >
</div>
</div>
este es el código que tenia originalmente pero necesito traer de la base de datos de la columna precio y colocarlo en el input id="cdCliente" al seleccionar el cliente en el option
console.log()
de la respuesta del ajaxajax/productos.ajax.php
, si los mandas comoJSON
necesitas parsear ese json a JS con la funciónJSON.parse()
, puedes poner tu código PHPajax/productos.ajax.php
para orientarnos más.