Select2 Опция копирования копий, выбранная в отключенное поле

Question

Я пытаюсь скопировать выбранное значение из компонента select2 в другое, которое отключено. Мне удалось передать значение из обоих скрытых selects (select2 фактически скрывает регулярные selects и создает новую структуру html), но я не могу скопировать текст в span. У меня есть jsfiddle, который иллюстрирует мою проблему: http://jsfiddle.net/vktyaLmp/.

Правильно ли это подходит для копирования значений из компонента select2 в другой? Есть ли встроенный метод?

Это мой код:

$("#originSelect, #targetSelect").select2({ 
    allowClear: true, 
    minimumInputLength: 1 
}); 

if ($('#originSelect').val() != 0) { 
    $('#select2-chosen-2').text( $('#originSelect').val() ); 
} 

Answer 1

Выбор2 дает вам встроенную функцию, чтобы получить/установить значения непосредственно. Вы можете заменить JavaScript следующим кодом:

$("#originSelect, #targetSelect").select2({ 
    allowClear: true, 
    minimumInputLength: 1 
}); 

$("#originSelect").change(function(e) { 
    if ($('#originSelect').val() != 0) { 
     $('#targetSelect').select2('val', $('#originSelect').select2('val')); 
    } 
}); 

(я просто проверял в вашем Fiddle)

Answer 2

Вы не захватывая событие изменения оригинала Выберите, что нужно сделать это так

$('#originSelect').change(function(){ 


    $('#targetSelect').select2('val', $('#originSelect').select2("val").toString()); 

    });