從選擇列表中刪除選定的選項，點擊列表中消失

Question

看起來相對簡單...我想要一個選擇列表（#currentTags），其中 - 只需選擇一個選項就可以將它從列表中刪除。

這裏是我的jQuery：

 $('#currentTags').click(function(){ 
     var myList = $('#currentTags'); 
     myList.remove (myList.selectedIndex); 
     }) 

當我運行此，整個選擇列表從我的屏幕上消失！如果你有任何想法可能會導致這種情況，並有一個解決方案，使其工作 - 我會全部關注。

修改：我有列表中的CSS導致溢出隱藏。一旦我刪除這個，列表不再消失。但是選擇列表中的選項在點擊時不會被刪除。

任何幫助，將不勝感激。

Answer 1

這裏是你回答

你正在做的 myList.remove（...） 這將刪除#currentTags元素。 所以需要只是刪除從currentTags

選擇的選項，以便使用

$('#currentTags').find('option:selected'); 

代碼

$(document).ready(function(){ 
    $('select').change(function(){ 
     $(this).find(":selected").remove() 
    }) 
}) 

小提琴http://jsfiddle.net/krunalp1993/CjGVs/

希望這有助於你:)