从选择列表中删除所选选项,点击列表消失

时间:2014-02-08 18:22:59

标签: jquery html

看起来相对简单......我想要一个选择列表(#currentTags),其中 - 只需选择一个选项就可以将其从列表中删除。

这是我的jquery:

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

当我运行它时,整个选择列表从我的屏幕上消失!如果您知道可能导致这种情况的原因,以及使其成功的解决方案 - 我会全神贯注。

修正:我在列表上有CSS导致溢出被隐藏。删除后,列表不再消失。但是,单击时不会删除选择列表中的选项。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

你在这里回答

你在做 myList.remove(...) 这将删除#currentTags元素。 因此需要从currentTags中删除所选选项

所以使用

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

代码

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

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

希望这可以帮助你:)