Как сделать что бы при выборе select`a он пропадал из списка?

Question

[DimaGhost]

Как сделать что бы при выборе select пропадал из списка , и дублировался ниже как на картинке.
Обязательно если select выбран, то он пропадает из списка.
Вот сам пример jsfiddle.net/bonilka/rjen3xbc , но нужно ещё что то дописать в JS что бы при выборе из списка удалялось. Помогите пожалуйста , буду очень признателен!

<select id='select'>    
    <option value="Гитра">Гитра</option>
    <option value="Саксофон">Саксофон</option>
    <option value="Флейта">Флейта</option>
</select>
<div> 
</div>

$('#select').on('change', function(e){
    var inst = $(this).val();      
    $('div').append('<p class="active">' + inst +'</p>')   
    $('.active').on('click', function(e){
       $(this).remove(); 
    });
});

Answer 1

[NaN]

$('#select').on('change', function(e){
    var inst = $(this).val();      
    $('div').append('<p class="active">' + inst +'</p>');
   /* + */ $(this).find(':selected').remove(); 
    $('.active').on('click', function(e){
       $(this).remove(); 
    });
});

Comments

[NaN]

Только имхо задача неправильная. И change не будет "тригериться" на последний оставшийся элемент.

[DimaGhost]

NaN: Спасибо большое