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

Question

<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?
})

我想从选择中删除选项，然后恢复与开始时相同的选项。我为此辅助选择创建(#second)。

LIVE DEMO

Answer 1

怎么样

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

Demo