Javascript 选择第一个下拉列表，并在第二个下拉列表中显示相同的选定选项值

我有两个选择下拉列表。我在页面加载时显示第一个下拉列表，第二个下拉列表动态显示

现在我要做的是，当用户从第一个下拉列表中选择任何内容时，单击锚定标记后，在第二个下拉列表中选择相同的选项

我尝试了下面的代码，但出现了一些问题

$(wrapper).append('<select name="pp_fileStatus[]" class="fileStatus"><option disabled="" selected="">Select</option><option value="1"'if(fileStatus==1){"selected";}'> One</option><option value="2"' if(fileStatus==2){"selected";}'> Two</option><option value="3"'if(fileStatus==3){"selected";}'> Three</option></select>');

$（包装器）.append（'selectone-Two-Three'）；

$（文档）.ready（函数（）{
$（'.fileStatus'）.change（函数（）{
var fileStatus=$（'.fileStatus选项：selected'）.val（）；
})
var wrapper=$（“.appentside.row”）；//字段包装器
var add_button=$（“.click_me”）；//添加按钮ID
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
$（包装器）.append（'Select OneTwo-Three'）；
});
});

挑选
一个
两个
三
您可以这样做，只需添加两行代码：

var fileStatus = $('.fileStatus:last option:selected').val(); // <-- This line 
$(wrapper).append('<select name="pp_fileStatus[]" class="fileStatus"><option disabled="" selected="">Select</option><option value="1"> One</option><option value="2">Two</option><option value="3"> Three</option></select>');
$('.fileStatus:last').val(fileStatus); // <-- This line 


挑选
一个
两个
三
@questionbank我已经更新了答案。代码有点自我解释是的，我检查过了，它正在工作。先生，我需要一个信息，比如在显示第二个下拉菜单后，如果用户更改了第一个下拉菜单选项，那么我如何在第二个下拉菜单上显示相同的信息？我必须使用什么逻辑？那将是一个不同的问题，也要求你先尝试一下自己。是的，我知道这是一个不同的问题，但你能帮我解决这个问题吗？我应该从哪里开始？@questionbank我已经用解决方案更新了演示