如何添加&；单击JavaScript将多个选定列表值删除到另一个选定列表中

我被困在这里&我是JavaScript新手。我一共有四个选择列表框。在这里，我选择前三个选择列表框值。选择值后，我想将这些值存储在单击（添加类别）中的第四个选择列表框中&单击“删除类别”按钮时，这些值应该被删除

$（“#选定的lst值”）.append（$（this.val（））正在尝试将字符串附加到
字段。尝试以下方法：

$('#selected-lst-values').append('<option value="' + $(this).val() + '">' + $(this).val() + '</option>');

$（“#选定的lst值”）.append（$（this.val（））正在尝试将字符串附加到
字段。尝试以下方法：

$('#selected-lst-values').append('<option value="' + $(this).val() + '">' + $(this).val() + '</option>');

谢谢你。向列表中添加值效果很好。但是，我想在单击“删除类别”按钮时删除这些选定的值。可能吗？这取决于您希望界面如何工作。当您单击“删除类别”时，是要删除您在底部
字段中选择的选项，还是要删除在顶部3个
字段中选择的选项。谢谢。向列表中添加值效果很好。但是，我想在单击“删除类别”按钮时删除这些选定的值。可能吗？这取决于您希望界面如何工作。当您单击“删除类别”时，是要删除您在底部
字段中选择的选项，还是要删除在顶部3个
字段中选择的选项。
$('#selected-lst-values').append('<option value="' + $(this).val() + '">' + $(this).val() + '</option>');

//Remove the values selected in the top 3
$('#remove-category').click(function() {
    $('.select-manage-category, .select-manage-category1, .select-manage-category2').each(function() {
        $('#selected-lst-values')
               .find('option[value="' + $(this).val() + '"')
               .remove();
    });
});


//Remove the values selected in the bottom
$('#remove-category').click(function() {
    $('#selected-lst-values').find('option:selected').remove();
});