jQuery Select2：将选定的选项放到其他容器中

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