jQuery - 如果未选择select选项，则删除一个元素

Question

我正在使用多选项，使用每个<li>选项的文本创建:selected。如果选项未被选中，我将如何删除<li>？

我正在使用下面的代码（从这里开始）为每个<li>项附加:selected。

    $('option:selected', select).each(function(index, value) {
            $('ul.multiselect-dropdown-options-'+name+'').append('<li>'+$(value).text()+'</li>');
        });

Answer 1

我已将您的代码改编为以下内容：

$('#select').change(
    function(){
        $('#ulSelect').empty();
        $(this).find('option:selected').each(
            function(){
                $('<li />').text($(this).text()).attr('data-value',this.value).appendTo($('#ulSelect'));
            });
    });

JS Fiddle demo

每次select更改时清空ul，然后仅将 选中的元素添加到{ul中，这将取消选择。{ 1}}。

li元素是，但是，data-*属性包含对option原始值的引用，从中获取/复制它们，如果您想采用不同的方法，应该可以将li与原始option相关联。

参考文献：

• change()。
• empty()。