0

tengo un select2 que hace una petición Ajax y busca resultados, en la base de datos, y me gustaría que cuando solo hubiese un resultado me cogiera automáticamente esa opción.

$('.add_product').select2({
        
        ajax: {
          url: "/busca_productos",
          delay: 300,
          type: 'POST',
          dataType: 'json',
          data: function (params) {
            var query = {
                search: params.term,
                type: 'documentos_busqueda'
            }
            return query;
          },
          processResults: function (data) {
          
            var datos_busqueda = [];
            data.forEach((d)=> {
              datos_busqueda.push(
                { 
                  id: d.id, 
                  value:d.id, 
                  text: d.name, 
                  
                })
                              
            });
            return {
                results: datos_busqueda
            };
            
          }
        },
        
        cache: true,
        allowClear: true,
        placeholder: 'Buscar producto...',
        minimumInputLength: 3,
        templateSelection: function (data, container) {
          $(data.element).attr('id', data.id);
          $(data.element).attr('value', data.id);
          $(data.element).attr('text', data.name);
        
          return data.text;
        },
        
      });

La idea es que, si la consulta me devuelve un resultado automáticamente seleccione ese valor, pero no consigo recoger ninguno.

Gracias.

1 respuesta 1

0

Intenta con esto:

Haces la validacion del tamaño retornado de los datos obtenidos de la perición de tal manera que te quedaría así:

processResults: function (data) {

/* TU CODIGO .... */

if (datos_busqueda.length === 1) { //Verifica si retorna solo 1 resultado
    setTimeout(() => { //Espera a que se procesen los resultados
        $('.add_product').select2('trigger','select', { //Establece el valor de select2
            data: datos_busqueda[0]
        });
    }, 1); //tiempo de espera para que el select2 termine de procesar
}

return { ... };
}
},

/* resto de tu código */
2
  • 1
    Gracias por la respuesta, me ha funcionado.
    – Atrus
    Commented el 10 jul. a las 8:42
  • @Atrus, si la respuesta te ayuda a solucionar tu problema, considera votarla y/o marcarla como aceptada.
    – Marcos
    Commented el 23 ago. a las 13:13

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.