select2 tek seçiminde etiket oluşturma nasıl tetiklenir (örn. Bitişik düğmeye basıldığında)?

Question

Seçkin 4.0.3 kullanıyorum. E-posta adreslerini girmek için bir select2 kutum var ve tüm e-posta adreslerinin .val() numaralı telefona dahil edildiğinden emin olmak istiyorum, aynı zamanda kullanıcının arama alanında hala yazıyor olması.

form alanı $('.invite-emails-field') tarafından başvurulmaktadır. Gönder düğmesine bastığımda, olay işleyicide $('.invite-emails-field').val() sadece ilk iki adresi test1@example.com ve test2@example.com verir, ancak üçüncü adres (test3@example.com).

$('.invite-emails-field').select2({ 
    tags: true, 
    tokenSeparators: [',', ' '], 
    selectOnBlur: true 
}); 

selectOnBlur etkisi yoktur ve ben Select2 v4 çalışır başka bir şey bulamıyorum:

Bu benim Select2 elemanı başlatmak nasıl. Çeşitli unsurlarda çeşitli olayları kovmaya çalıştım, hiçbiri işe yaramadı.

Ben bekliyoruz ben arama alanına test3@example.com sonra ne olursa olsun içeriğinden Etiket oluşturmaya tetiklemek için Select2 kutusuna bazı arama yapabilirsiniz ve bu daha sonra .val() ile bir dizi döndüren, Gönder düğmesine bastığınızda her üç adres.

Güncelleme: Oynatmanız için bir jsFiddle oluşturdum. Böyle girişi girin:

ve ardından Gönder butonuna basın, göreceksiniz:

test3@example.com çıktısı eksik nerede.

Gerçek uygulamamda, yalnızca etiketleme davranışını istediğim için açılır menüyü devre dışı bıraktığımı unutmayın.

Answer 1

selectOnClose'u ekleyip true'a ayarlamanız gerekir, böylece arama girişini kapatıp/kapattığınızda sizin için etiket oluşturur. https://select2.github.io/options.html#can-i-select-the-highlighted-result-when-the-dropdown-is-closed