select2 sonucunu

Question

select2 kullanıyorum ve tek bir seçim için kullanıyorum. Seçtiğimiz şeyin sonucunu başka bir div'a taşımak istiyorum.

kodumu kontrol edin:

https://jsfiddle.net/hxe7wr65/

Nasıl taşımak için? çünkü sonucun kutuda gösterilmesini istemiyorum. Kutuyu hala açık istiyorum ve seçtikten sonra bile yer tutucu görünmeye devam ediyor.

Bu

ben bu görüntüde şu anda

yapıyorum tasarımdır. onun sadece 1 seçenek seçebilirsiniz. seçtikten sonra. Sonuç başka bir yere kadar gösterir ve böylece seçim hala içinde yer tutucuya sahiptir. lütfen bana yardım edin. Çok teşekkürler

Answer 1

Tamam Aradığınızı tam olarak bulamadığınızdan% 100 emin değilim, ama sanırım son seçilen öğenin kapmak değeri değil, başka bir bölüme aktarın ve sonra temizleyin. giriş. İlk adım için bir olay işleyicisine ekleyin.

var $eventSelect = $("#position"); //select your select2 input 

$eventSelect.on('select2:select', function(e) { 
    console.log('select') 
    console.log(e.params.data.id) //This will give you the id of the selected attribute 
    console.log(e.params.data.text) //This will give you the text of the selected text 
}) 

Değere sahip olduğunuza göre, diğer div'a aktarma işlemi nispeten basittir.

var $eventSelect = $("#position"); //select your select2 input 

$eventSelect.on('select2:select', function(e) { 
    var text = e.params.data.text 
    $("#otherdiv").append(text) 
}) 

Ardından formu

var $eventSelect = $("#position"); //select your select2 input 

$eventSelect.on('select2:select', function(e) { 
    var text = e.params.data.text 
    $("#otherdiv").append(text) 
    $(this).val(''); 
    // or depending no what version you are using 
    $(this).select2('val', '') 
})