在下拉菜單中限制多項選擇

Question

我希望我的用戶只在HTML下拉菜單中選擇兩個值。請任何人都可以建議我如何做到這一點。 我正在使用的代碼在下面提到。

<select style="width: 300px;height:200px;" name="graphListBox" multiple="multiple" id="graphListBox"> 
<c:forEach items="${graphList}" var="graphType"> 
    <option value="${graphType}"><c:out value="${graphType}" /></option> 
</c:forEach> 
</select> 

Answer 1

純html不支持此操作。你可以使用JavaScript來捕捉這種情況。

jQuery的爲您完成所有的辛勤工作：https://stackoverflow.com/a/4135296/2536029

Answer 2

嘗試

$("select").change(function() { 
     if($("select option:selected").length > 2) { 
      //your scenario 
     } 
    }); 

[HTML多選限制（的