Установите максимальное количество элементов, которые можно выбрать в ListBoxFor <>

Question

У меня есть список с 40 результатами в списке, который можно выбрать несколько раз, но я хочу ограничить количество выборок только определенным числом, скажем, 5. В C # MVC у меня есть:

 @Html.ListBoxFor(model => model.Location, new SelectList(Model.AllLocations,     Model.Location), new { id = "AllLocations" })

Как лучше всего установить это ограничение для элемента управления?

Answer 1

Javascript.HTML не предоставляет никакого механизма для этого.Как то так:

$(document).ready(function() {

    // Add a click event for options in the list.
    $('#MyModel_Location option').click(function() {

        // Check if the parent has reached the limit of selected items.
        if ($(this).parent().val().length > 5) {
            // Removed the selected attribute from this option.
            $(this).removeAttr("selected");
        }
    });
});