MaterialiseCSS - 多选 - 在取消选择后保留在数组中

时间:2015-11-26 09:30:24

标签: javascript jquery materialize

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

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

(请忽略屏幕截图中的错误,它没有关联)

enter image description here enter image description here

1 个答案:

答案 0 :(得分:4)

我遇到了同样的问题并写了一个小的解决方法。 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);
    });
});