jQuery 选择2 : Put selected options to other container

Question

有没有办法将选定的选项放入其他容器？

如附图所示:

Answer 1

检查这个JSFiddle (updated) 。当您从 #source 中选择一个选项时，它会移动到 #target(本示例中，值为零的默认选项不会移动):

$(document).on('change', '#source', function() {
    $option = $(this).find('option:selected');
    if ($option.val()) {
        $option.detach();
        $option.appendTo('#target');

        //select2 adjustments
        $('#source').select2('val', '0');
        $('#target').select2();
    }
});