HTML Multiselect Limit

Question

Is it possible to set limit to multipleselect?

Below is an example code where user can select more than 1 value.

<select multiple="multiple" name="choose">
<option value="1">Value 1</option>
<option value="2">Value 2</option>
<option value="3">Value 3</option>
<option value="4">Value 4</option>
<option value="5">Value 5</option>
<option value="6">Value 6</option>
</select>

But, how to limit user to select not more than 3 value. Any idea?

Answer 1

You can use jQuery

  $("select").change(function () {
      if($("select option:selected").length > 3) {
          //your code here
      }
  });