Javascript 如何从选择中删除和恢复选项？

我想从“选择”中删除选项，然后恢复与“开始”相同的选项。我为这个辅助选择秒创建

那怎么办

<select id="first">
    <option value="aaa">asdf</option>
    <option value="bbb">sdf</option>
    <option value="ccc">gfd</option>
    <option value="dd2">fdg</option>
</select>
<button id="delete">delete</button>
<select id="second" style="display: none">
    <option value="aaa">asdf</option>
    <option value="bbb">sdf</option>
    <option value="ccc">gfd</option>
    <option value="dd2">fdg</option>
</select>
<button id="restore">restore</button>

$('#delete').click(function(){
    $('#first option').remove();
})

$('#restore').click(function(){
    //how to restore option for #first?
})

---

可以使用append返回值

<select id="first">
    <option value="aaa">asdf</option>
    <option value="bbb">sdf</option>
    <option value="ccc">gfd</option>
    <option value="dd2">fdg</option>
</select>
<button id="delete">delete</button>
<select id="second" style="display: none">
</select>
<button id="restore">restore</button>

$('#delete').click(function(){
    $('#first option').appendTo("#second");
})

$('#restore').click(function(){
    $('#second option').appendTo("#first");
})

---

删除时隐藏选项，恢复时显示选项不适用于chrome

$('#delete').click(function(){
$('#first option').remove();
})

$('#restore').click(function(){
//how to restore option for #first?
$('#first').append('<option value="aaa">asdf</option><option value="bbb">sdf</option>   <option value="ccc">gfd</option><option value="dd2">fdg</option>');
})