如何在jQuery和javascript中限制select标签中选定选项标签的数量？

Question

我正在尝试使用jQuery将jQuery中所选选项标签的数量限制为100.我做错了什么？ select标签如下所示：

<select name="order">
<option value="1" selected>Order Name</option> ...

用户选择一个或多个选项标签后...仍然不确定如何让事件处理程序工作。

var countSelectedOptionTags
$("select[name='order']").change(function() {
  $("select[name='order']").children('attr="selected"').each(function() {
     countSelectedOptionTags++;
  });
  if countSelectedOptionTags > 100 
  {
     alert("You can not select more than 100 option tag.");
     return;

  }   //I need the option tags that have the selected attribute

Answer 1

试试这个：

$("select[name='order'] option:selected")

将为您提供所有选择的选项。

$("select[name='order'] option:selected:gt(99)");

将提供已选择且索引大于100的选项

var countSelectedOptionTags = 0;
$("select[name='order']").change(function() {
    var selectedOptions = $("select[name='order'] option:selected");
  countSelectedOptionTags = selectedOptions.length;
  if countSelectedOptionTags > 100 
  {
     alert("You can not select more than 100 option tag.");
     return;
  }
    .
    .
    .
});