Javascript 如何在此实例中保留克隆选择的选定值

这将克隆下拉选项：var Task_Resource=$（“#Resources”）.clone（）；然后我将其附加到#Task_表中，如下所示

但是如何克隆下拉列表并保留当前选定的选项

$('#add_button').button({
    text: false,
    icons: {
            primary: 'ui-icon-plusthick'
        }
    }).click(function( event ) {
        event.preventDefault();

        $( "#dialog" ).dialog({
            autoOpen: true,
            show: {
                effect: "drop",
                duration: 500
            },
            hide: {
                effect: "drop",
                duration: 500
            },
            width: 350,
            modal: true,
            buttons: {
                "Add": function() {

                    var Task_name = $('#name').val();
                    var Task_pre = $('#Predecessor').val();
                    var Task_Start = $('#Start').val();
                    var Task_Duration = $('#Duration').val();
                    var Task_Duration_unit = $('#Duration_unit').val();
                    var Task_Resource = $('#Resources').clone();
                    var Task_Percent = $('#Complete').val();
                    var Task_Notes = $('#Notes').val();
                    var rowCount = $('#Task_table tr').length -1;
                    var dateStart = "Start_date_"+rowCount ;

                    $('#Task_table tbody').append('<tr class="row_sortable">' +
                     '<td class="project_table_cells">1</td>' +
                     '<td class="project_table_cells">'+Task_name+'</td>' +
                     '<td class="project_table_cells"><input title="" id="predecessor_" name="predecessor[]" class="predecessor" value="'+Task_pre+'" /></td>' +
                     '<td class="project_table_cells"><input title="" id="'+dateStart+'" name="Start_date[]" class="Start_date" value="'+Task_Start+'" /><td class="project_table_cells"></td>' +
                     '<td class="project_table_cells"><input title="" id="duration_" name="duration[]" class="duration" value="'+Task_Duration+'" /></td>' +
                     '<td class="project_table_cells"><select id="duration_unit_" onchange="" name="duration_unit[]" class="duration_unit"><option value="Days">Days</option><option value="Hours">Hours</option></select></td>' +
                     '<td class="project_table_cells"><select id="resources_" name="resources[]" class="resources">'+Task_Resource.html()+'</select></td>' +
                     '<td class="project_table_cells"><input title="" id="percent_complete_" class="percent_comp" name="percent_complete[]" value="'+Task_Percent+'"/></td>' +
                     '<td class="project_table_cells"></td></tr>');


                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });

$（'add#u按钮'）。按钮({
文本：false，
图标：{
主要：“ui图标加图标”
}
})。单击（功能（事件）{
event.preventDefault（）；
$（“#对话框”）。对话框({
自动打开：对，
展示：{
效果：“放下”，
持续时间：500
},
隐藏：{
效果：“放下”，
持续时间：500
},
宽度：350，
莫代尔：是的，
按钮：{
“添加”：函数（）{
var Task_name=$（'#name'）.val（）；
var Task_pre=$（'#previous'）.val（）；
var Task_Start=$（'#Start'）.val（）；
var Task_Duration=$（'#Duration'）.val（）；
var Task_Duration_unit=$（“#Duration_unit”）.val（）；
var Task_Resource=$（'#Resources'）.clone（）；
var Task_Percent=$（'#Complete'）.val（）；
var Task_Notes=$（'#Notes'）.val（）；
var rowCount=$（'#Task_table tr'）。长度-1；
var dateStart=“开始日期”+行数；
$（'Task_table tbody'）。追加（'+
'1' +
''+任务名称+''+
'' +
'' +
'' +
“守夜人”+
“”+Task_Resource.html（）+“”+
'' +
'');
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});

您能为这个项目做一个JSFIDLE示例吗？其实它不是更大项目的一部分。这个概念很简单，可能是我自己的无知，但我不认为它像你想象的那么简单。