3 votes

Select2 Afficher la valeur actuellement recherchée

J'utilise Selec2 Je suis en train de l'implémenter avec succès dans mon projet, mais pourquoi, lorsque l'on entre une valeur dans la recherche, la valeur actuelle de la recherche est affichée comme option sélectionnable, même lorsqu'il n'y a pas de résultat, et je voudrais cacher cela. Une suggestion ? Merci.

Affichage de la valeur actuelle de la recherche et possibilité de sélection : enter image description here

Même en l'absence de résultat : enter image description here

HTML :

<select style='width:100%;' id='select-employee'></select>

JS :

$("#select-employee").select2({
    theme: "bootstrap",
    placeholder: "Select employee...",
    minimumInputLength: 1,
    tags: [],
    ajax: {
        url: "getEmployee.php",
        dataType: "json",
        type: "POST",
        delay: 250,
        data: function(params) {
            return {
                term: params.term,
                page: params.page
            };
        },
        processResults: function(data, params) {
            params.page = params.page || 0;
            return {
                results: data.items,
                pagination: {
                    more: (data.page == "1" ? true : false)
                }
            };
        },
        cache: true
    }
});

2voto

Oriol Jiménez Points 36

Si c'est parce que vous devez remplir les balises à false, essayez de changer [] à false

$("#select-employee").select2({
  theme: "bootstrap",
  placeholder: "Select employee...",
  minimumInputLength: 1,
  tags: false,
  ajax: {
    url: "getEmployee.php",
    dataType: "json",
    type: "POST",
    delay: 250,
    data: function(params) {
        return {
            term: params.term,
            page: params.page
        };
    },
    processResults: function(data, params) {
        params.page = params.page || 0;
        return {
            results: data.items,
            pagination: {
                more: (data.page == "1" ? true : false)
            }
        };
    },
    cache: true
  }
});

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X