Restrict Multiple selections in dropdown

Question

I want my user to select only two values in HTML dropdown. Please can anyone suggestion how I can do this. The code I am using is mentioned below.

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

possible duplicate of [HTML Multiselect Limit](http://stackoverflow.com/questions/4135210/html-multiselect-limit) — dsgriffin, Jul 11 '13 at 09:05

score 0 · Answer 1 · edited May 23 '17 at 12:21

0

plain html does not support this. you can use javascript to catch this situation.

jquery does all the hard work for you: https://stackoverflow.com/a/4135296/2536029

edited May 23 '17 at 12:21

Community

1
1

answered Jul 11 '13 at 09:02

mnagel

6,729
4
31
66

score 0 · Answer 2 · answered Jul 11 '13 at 09:04

0

Try

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

answered Jul 11 '13 at 09:04

Arun Bertil

4,598
4
33
59

Dont forgot to mark as answer and upvote it which helps others to find the right answer.. – Arun Bertil Jul 11 '13 at 09:23

Restrict Multiple selections in dropdown

2 Answers2