Как удалить и восстановить опцию из списка?

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

Я хотел бы удалить опцию из выбора и следующего восстановления тех же параметров, что и в начале. Я создаю для этого вспомогательного select (# 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

Answer 2

Вы можете использовать Append для возврата значения

$('#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>'); 
})