html - 限制下拉列表中的多项选择

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
      }
  });