Javascript 选择"；X"；使用html、JS的选项数

您如何验证某人只会检查不超过2个选项？这对于谷歌搜索来说是一个非常奇怪的问题，并且找不到一篇文章。我更喜欢JS方法

 <select multiple>
      <option value="cheese">Cheese</option>
      <option value="pepperoni">Pepperoni</option>
      <option value="sausage">Sausage</option>
      <option value="mushrooms">Mushrooms</option>
    </select>

奶酪
意大利 辣味 香肠
香肠
蘑菇

您可以查看select的select

单击事件，然后在该计数大于2时不允许进一步选择


$（函数（）{
//获取对不同选择元素的引用并转换
//将它们放入阵列：
var pizzaSelect=
Array.prototype.slice.call(
document.querySelectorAll（“比萨饼选项>选项”）；
var sodaSelect=
Array.prototype.slice.call(
document.queryselectoral（“soda>选项”）；
//循环每个列表的选项，执行提供的
//每个函数的回调函数。
pizzaSelect.forEach（checkSelectionCount）；
sodaSelect.forEach（检查选择计数）；
函数检查选择计数（opt、idx、ary）{
//向每个选项添加单击事件侦听器：
opt.addEventListener（“单击”），函数（事件）{
//是否单击并选择了第三个选项？
如果（this.parentNode.selectedOptions.length==3&&this.selected）{
this.selected=false；//取消选择它。
}
});
}
});

奶酪
意大利 辣味 香肠
香肠
蘑菇



焦炭
(传说中的)精灵
佩珀博士
您需要将值分配给一个变量，然后根据需要的长度检查该变量。在这种情况下，2.好的，谢谢你的帮助。我想加一，但还不能。将试验您的解决方案。您将如何
let options=Array.prototype.slice.call（document.querySelectorAll（“option”）如果有多个选项列表。例如，如果你有比萨饼、苏打水和面包条的选择。假设您要执行getElementById（#pizzaOptions）@chessmaster1，您只需修改传递给
.querySelectorAll（）
的选择器，如
document.querySelectorAll（#pizzaOptions>option）中所述
要获取所有
选项
元素，这些元素都是
中的子元素，请使用
id=pizzaOptions
选择
。我创建了一个codepen，但认为它无法100%工作：。现在我想起来了，我可能也应该使用一个清单选项。有人将无法在顶部和底部选择此方法的选项。@chessmaster1您没有复制我在您的代码笔中显示的代码。我已经更正了钢笔，并在这里修改了答案，以显示如何执行此操作将导致多个列表。