HTML多选限制 [英] HTML Multiselect Limit

问题描述

下面是一个示例代码，用户可以选择多个值。

 < select multiple =multiplename =choose> 
< option value =1>值1< / option> 
< option value =2>值2< / option> 
< option value =3>值3< / option> 
< option value =4>值4< / option> 
< option value =5>值5< / option> 
< option value =6>值6< / option> 
< / select> 
  

但是，如何限制用户选择不超过3个值。
任何想法？

解决方案

您可以使用jQuery

<$如果（$（select option：selected）.length> 3）{
/ $ p> $（select）。 / your code here
}
}）;

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?

解决方案

You can use jQuery

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

这篇关于HTML多选限制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！