llenar input text al seleccionar opción de Select2

[heberthm]

Saludos a todos, estoy construyendo una aplicación web para clinicas veterinarias, quiero que apartir de seleccionar una opción de select2 pueda llenar varios inputs text con datos traidos desde la base de datos por medio de ajax.

De antemano gracias por ayudarme a solucionar esta duda.

Aqui el código JS:

<script type="text/javascript">
$(document).ready(function(){
$('#buscar_clientes').select2();
});
</script>




<script type="text/javascript">

$(document).ready(function(){

$('#buscar_clientes').change(function(){

$.ajax({
type:"POST",
data:"Id_cliente=" + $('#productoVenta').val(),
url:"../modelos/buscar_cliente.php",
success:function(r){
dato=jQuery.parseJSON(r);

$('#nombre_cliente').val(dato['nombre']);
$('#nombre_mascota').val(dato['nombre_mascota']);
$('#telefono').val(dato['telefono']);

// $('#imgProducto').prepend('<img class="img-thumbnail" id="imgp" src="' + dato['ruta'] + '" />');
}
});
});

});


</script>



Y aquí el código PHP:


define ('DB_USER', "root");
define ('DB_PASSWORD', "140469");
define ('DB_DATABASE', "veterinaria_lte");
define ('DB_HOST', "localhost");



$mysqli = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_DATABASE);
mysqli_set_charset( $mysqli, 'utf8');


$sql = "SELECT DISTINCT Id_cliente, cedula, nombre, nombre_mascota FROM clientes
WHERE nombre LIKE '%".$_GET['q']."%'
LIMIT 10";

$result = $mysqli->query($sql);


$json = [];


while($row = $result->fetch_assoc()){
$json[] = ['id'=>$row['Id_cliente'], 'text'=>$row['nombre'].' | '. $row['nombre_mascota']];
}

mysqli_close($mysqli);

echo json_encode($json, JSON_UNESCAPED_UNICODE);