Select2 ajouter/mise à jour sur le changement d'entrée

Question

J'ai un élément Select2 et un élément d'entrée comme suit ...

Label: <input class="default-ele" type="text"/> 
<select class="some-select"> 
    <option>-- None --</option> 
</select> 

et certains JS/JQuery comme suit ...

$(document).ready(function() { 

    $(`.${type}-default`).select2({ 
    theme: 'bootstrap' 
    }); 

    $(document).on('change', '.default-ele', function() { 
    var newVal = $(this).val(); 
    var selAdd = new Option(newVal, newVal); 
    $('.some-select').append(selAdd).trigger('change'); 
    }); 

}); 

Que tous fonctionne sauf que si vous entrez une valeur dans l'entrée puis cliquez sur la sélection avec le curseur toujours dans l'entrée, la valeur n'est pas là jusqu'à ce que vous déplacez le focus loin de la sélection et de nouveau à elle. Existe-t-il un délai d'expiration ou un autre moyen d'afficher la valeur lorsque vous cliquez immédiatement sur la sélection après que l'entrée a été modifiée?

TIA

Answer 1

Je suggère d'utiliser pour déclencher pression de touche « select » de fonction d'actualisation.

Quelque chose comme ci-dessous.

Ceci devrait mettre à jour le rappel de déclenchement sur l'entrée dès que vous soulevez la touche.

$(document).ready(function() { 

    $(`.${type}-default`).select2({ 
    theme: 'bootstrap' 
    }); 

    $(document).on('keyup', '.default-ele', function() { 
    var newVal = $(this).val(); 
    var selAdd = new Option(newVal, newVal); 
    $('.some-select').append(selAdd).trigger('change'); 
    }); 

}); 

Mark comme une réponse si elle aide.