verschiebe das Ergebnis von select2 in das andere div

Question

Ich benutze select2 und ich benutze es für eine einzige Wahl. Ich möchte das Ergebnis dessen, was wir gewählt haben, in ein anderes Div verschieben.

Bitte überprüfen Sie meinen Code:

https://jsfiddle.net/hxe7wr65/

Wie es bewegen? weil ich nicht möchte, dass das Ergebnis in der Box angezeigt wird. Ich will die Box immer noch klar und selbst nachdem ich mich entschieden habe, taucht der Platzhalter immer noch auf.

Dies ist das Design, die ich jetzt in diesem Bild

tue. es kann nur 1 Option wählen. nachdem wir uns entschieden haben. Das Ergebnis wird an einem anderen Ort angezeigt und der ausgewählte Platzhalter enthält den Platzhalter. bitte Leute helfen mir.

Answer 1

Ok ich bin nicht 100% sicher, dass das ist, was Sie suchen, aber ich denke, Sie wollen den Grab-Wert des zuletzt ausgewählten Elements, übertragen Sie es auf ein anderes div und dann löschen Eingang. Fügen Sie für den ersten Schritt einen Event-Handler hinzu.

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 
}) 

Nun, da Sie den Wert haben, es auf die andere div Übertragung ist relativ einfach.

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

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

dann das Formular löschen

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', '') 
})