設置可在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"); 
     } 
    }); 
});