Question

我正在使用找到的代码here创建一个下拉菜单，用户可以从中选择多个选项。

如何更改此代码，以便最多只能选择3个选项？这可以通过仅编辑HTML来完成吗？

Answer 1

我认为只有使用HTML5才有可能做到这一点。您可以尝试使用一些JavaScript和/或jQuery。请看一下这个链接：http://loudev.com。或者你也可以使用一些简单的jQuery代码，如：

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

如果您只想使用HTML5，最好的选择是写一个复选框而不是选择，这样用户就可以选择更多的值。

Answer 2

使用复选框，如果要选择多个选项

<form action="">
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car 
</form>

如何使用HTML限制用户从下拉菜单中选择的选项数量？

2 个答案: