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

Рейтинг: -1Ответов: 1Опубликовано: 06.04.2015

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

html jquery
Источник: Stack Overflow на русском

Ответы

▲ 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>