Select2 allowClear cliquez sur

Question

Existe-t-il un moyen d'exécuter un code en cliquant sur X pour supprimer le contenu d'un select2 sélectionné?

J'ai regardé la documentation mais je ne suis pas très clair s'il y a un moyen de le faire, j'ai besoin de réinitialiser certaines variables en cliquant sur le x.

C'est mon code

$("#cliente").select2({ 
     multiple: false, 
     allowClear: true, 
     placeholder: "Digite o nome", 
     minimumInputLength: 3, 
     ajax: { 
      url: "endpoints/autocompletePaciente.php", 
      dataType: 'json', 
      data: function (term, page) { 
       return { 
        keyword: term 
       }; 
      }, 
      results: function (data, page) { 
       for (var i = 0; i < data.length; i++) { 
        data[i].id = data[i].cod; 
        //data[i].value = data[i].nome; 
       } 
       return { results: data }; 
      }, 
     }, 
     createSearchChoice: function(term) { 
      return { id: term, nome: term, documento: ''}; 
     }, 
     formatResult: subjectFormatResult, 
     formatSelection: subjectFormatSelection, 
     escapeMarkup: function (m) { 
     return m; 
     } 
    }).on("unselecting", function(e) { 
     console.log("sdsdd") 
}) 

Answer 1

Si vous utilisez jQuery utilisez les touches suivantes.

$(".select2-search-choice-close").on("click", function() { 
    // your code here 
});