如何在克隆（）操作中刪除所選元素

Question

我有一個選擇框被克隆。我想從每個克隆選擇框中刪除用戶以前的選擇。下面是確實的clone()方法：

function addselect(s){ 
    $('#product_categories > .category_block:last').after(
     $('#product_categories > .category_block:last').clone() 
    ); 
    set_add_delete_links(); 
    return false; 
} 

function set_add_delete_links(){ 
    $('.remove_cat').show(); 
    $('.add_cat').hide(); 
    $('.add_cat:last').show(); 
    $("#product_categories > .category_block:only-child > .remove_cat").hide(); 
} 

function removeselect(s){ 
    $(s).parent().remove(); 
    set_add_delete_links(); 
    return false; 
} 

這有點兒工作，但最後選擇不刪除：

$('#product_categories > .category_block:last option:selected').remove(); 

下面是HTML

<div id="product_categories"> 
<div class="category_block"> 
    <select name="category_ids[]" id="cat_list"> 
     <option value="">Select Attribute</option> 
     <option value="1770">Foo0</option> 
     <option value="1773">Foo1</option> 
     <option value="1775">Foo2</option> 
     <option value="1765">Foo3</option> 
     <option value="1802">Foo4</option> 
     <option value="1766">Foo5</option> 
    </select> 
    <input class="specsinput" type="text" name="specs[]" value="" /> 
    <a href="#" onClick="return removeselect(this);" class="remove_cat"> [-] </a> 
    <a href="#" onClick="return addselect(this);" class="add_cat"> [+] </a> 
</div>