Jquery проверка multiselect на :selected options

369

12 декабря 2016, 10:07

Собственно, как сделать проверку на выделенные элементы мультиселекта или их отсутствие при смене количества оных?

Answer 1

Можно посчитать выделенные элементы в мультиселекте, а дальше уже производить необходимые манипуляции с переменной selected в зависимости от логики. Например, вывести количество выделенных пунктов в html:

$(document).ready(function() { 
    $('#list').change(function() { 
        var selected = 0; 
        $('#list option:selected').each(function(){ 
            selected++; 
        }); 
        $('#result').text(selected); 
    }); 
});

select { 
    width: 100px; 
    height: 90px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<select id="list" multiple="multiple"> 
    <option value="1">Opt 1</option> 
    <option value="2">Opt 2</option> 
    <option value="3">Opt 3</option> 
    <option value="4">Opt 4</option> 
    <option value="5">Opt 5</option> 
    <option value="6">Opt 6</option> 
</select> 
<hr /> 
Выбрано элементов: <span id="result">0</span>