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

Question

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

订单名称 ...

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

var countSelectedOptionTags $("select[name='order']").change(function() { $("select[name='order']").children('attr="selected"').each(function() { countSelectedOptionTags++; }); 如果 countSelectedOptionTags > 100 { alert("您不能选择超过 100 个选项标签。"); 返回; } //我需要具有 selected 属性的选项标签

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