Question

我需要：

一个html <select>框，显示为垂直展开的框（不是下拉列表）。所以我将其设置为multiple。

然后它正确显示为：

<select id="gagaga" multiple>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

然后我怎样才能使它成为非多重选择？（到allow only 1 selection）

Answer 1

使用此size="3"

<!DOCTYPE html>
<html>
<body>
<select id="gagaga" size="3">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
</body>
</html>

如果size属性的值大于1但低于列表中选项的总数，浏览器将添加滚动条以指示还有更多选项可供查看。

Answer 2

请勿使用multiple属性而是为其设置大小。

引自w3schools：

size属性指定a中可见选项的数量   下拉列表。

如果size属性的值大于1，但小于   列表中的选项总数，浏览器将添加滚动   条形图表示还有更多选项可供查看。

Answer 3

您需要向其提供size：

<select id="gagaga" size='3'>
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

只需删除multiple，即可在列表中选择一个选项。

Answer 4

您可以使用：

<html>
<body>
<select id="gagaga" size="3">
   <option>A</option>
   <option>B</option>
    <option>C</option>
</select>
</body>
</html>

HTML选择框显示为多个，但禁用多个选择？

4 个答案: