0

En un input TypeText busco una coincidencia por nombre dentro de una tabla en una db de lo que el usuario escribe en dicho input. En el controlador recibo los valores de lo que el usuario escribe ($term) de la siguiente manera:

public function jqueryWithAction(Request $request)
{
    $names = array();
    $term = trim(strip_tags($request->get('term')));
    $em = $this->getDoctrine()->getManager();

     $query = $em->createQuery(
            'SELECT ts
                FROM TestBundle:Test ts
                    WHERE ts.nombre LIKE :nombre'
        )->setParameter('nombre', "%".$term."%");
        $entities=$query->getResult();

    foreach ($entities as $entity)
    {
        $names[] = $entity->getNombre();
    }

    $response = new JsonResponse();
    $response->setData($names);

    return $response;
}

del lado del front la función que envía los valores ($term) al controlador es la siguiente:

$('.autocomplete').autocomplete({
        source: "{{ path('busqueda_jquery') }}",
        onSelect: function (suggestion) {
            alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        }
    });

HTML

<div class="form-group txt">
<label class="col-sm-3 control-label">Nombre</label>
<div class="col-sm-6 col-md-6">
    {{ form_widget(form.nombre,{'attr':{'class':'autocomplete'}}) }}
</div>
</div>

<div class="form-group txt">
<label class="col-sm-3 control-label">Apellido</label>
<div class="col-sm-6 col-md-6">
   <input type="text" class="form-control">
</div>
</div>

hasta aquí se cumple la búsqueda, la cuestión es que al encontrar dicho valor necesito llenar algunos otros input (vacios y sin clase) con los datos pertenecientes al campo nombre que consulte.

Por ejemplo llenar uno o mas input automáticamente con los apellidos (por decir algo) pertenecientes al campo nombre que se consultò.

4
  • Deberias incluir tu HTML.
    – alanfcm
    el 31 jul. 2018 a las 19:15
  • Ya añadí esa parte.
    – matteo
    el 31 jul. 2018 a las 19:32
  • Puedes agregar alguna clase al input?
    – alanfcm
    el 31 jul. 2018 a las 20:40
  • si, clase o id.. es la idea pero aun no esta desarrollado!
    – matteo
    el 31 jul. 2018 a las 20:47

1 respuesta 1

0

Porque no lo intentas asi:

$('.autocomplete').autocomplete({
    source: "{{ path('busqueda_jquery') }}",
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        $(".apellido").val(suggestion.data);
    }
});

HTML

<div class="form-group txt">
<label class="col-sm-3 control-label">Nombre</label>
<div class="col-sm-6 col-md-6">
    {{ form_widget(form.nombre,{'attr':{'class':'autocomplete'}}) }}
</div>
</div>

<div class="form-group txt">
<label class="col-sm-3 control-label">Apellido</label>
<div class="col-sm-6 col-md-6">
   <input type="text" class="form-control apellido">
</div>
</div>
4
  • No veo la diferencia!
    – matteo
    el 1 ago. 2018 a las 14:32
  • La diferencia es esta linea: $(".apellido").val(suggestion.data);. Ademas agregue una clase al input.
    – alanfcm
    el 1 ago. 2018 a las 15:31
  • entiendo, pero no hay manera que el parámetro suggestion.data me asigne los campos faltantes que hacen referencia a mi consulta.
    – matteo
    el 1 ago. 2018 a las 15:57
  • Si tienes mas informacion en suggestion y tienes mas campos que necesitas llenar, lo harias de la misma manera
    – alanfcm
    el 1 ago. 2018 a las 17:19

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.