从选择列表中删除选定的选项，点击列表中消失

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/

希望这有助于你:)