Autocompletar formulario Json encode

[mktalternativa]

Hola estoy usando son encode y jQuery ui para un formulario me busque en base de datos , lo hace perfecto pero lo que quiero es que al momento de ejecutar el formulario me envíe en un input hidden el valor id de esa búsqueda como puedo hacerlo

gracias

Código:

 <script>

$(function() {
    $( "#busqueda" ).autocomplete({
      source: 'solicitudes_buscar.php'
    });
  });
 
</script>


     <div class="form-group">
  <label for="sel1">Seleccionar Colaborador</label>
   <input type="text" id="busqueda"   class="form-control"  required />
   <input type="hidden" name="colaborador" value="<?php echo $valorid;?>"/>
    



</div>

solicitudes_buscar.php

Código:

<?php
require('connect.php');
 //get search term
    $searchTerm = $_GET['term'];
    
    //get matched data from skills table
    $query = $con->query("SELECT * FROM colaboradores WHERE nombre LIKE '%".$searchTerm."%' ");
    while ($row = $query->fetch_assoc()) {
        $data[] = $row['nombre'];
    }
    
    //return json data
    echo json_encode($data);

?>

[Alexis88]

En la línea en la que añades los nombres al array que devuelves desde el archivo PHP, lo conveniente será usar un array que contenga al id y al nombre:

Código PHP:

$data[] = [
    'id' => $row['id'],
    'nombre' => $row['nombre']
];
 

Y en el archivo JavaScript, utiliza el método .select() para asignar el valor al elemento que deseas:

Código Javascript:

$( "#busqueda" ).autocomplete({
    source: 'solicitudes_buscar.php',
    select: function( event, ui ){
        $( this ).val(ui.item.nombre);
        $( "#id del campo oculto" ).val(ui.item.id);
    }
});
 

Un saludo