MaterializeCSS - 多选 - 取消选择后值保留在数组中答案

【问题标题】：MaterializeCSS - Multiple Select - value stays in array after unselectingMaterializeCSS - 多选 - 取消选择后值保留在数组中
【发布时间】：2015-11-26 09:30:24
【问题描述】：

当我在 MaterializeCSS 的多选中取消选择值时，它仍然在值数组中，我找不到修复它的方法。如果我使用某些功能从原始选择中取消选择选项但 $('.dropdown-content li').click() 没有做任何事情，所以我不能只做类似的事情

$('.dropdown-content li.active').click(function() {
    //take index of this and unselect option with same index from <select>
});

（请忽略截图上的错误，与此无关）

【问题讨论】：

标签： javascript jquery materialize

【解决方案1】：

我遇到了同样的问题并写了一个小解决方法。 http://jsfiddle.net/9bL25jw9/2/

$(document).ready(function () {
    $('select').material_select();
    $('select').change(function(){
        var newValuesArr = [],
            select = $(this),
            ul = select.prev();
        ul.children('li').toArray().forEach(function (li, i) {
            if ($(li).hasClass('active')) {
                newValuesArr.push(select.children('option').toArray()[i].value);
            }
        });
        select.val(newValuesArr);
    });
});

【讨论】：