19

我需要：

  • <select>一个显示为垂直扩展框（不是下拉菜单）的 html框。所以我将其设置为multiple.

然后它正确显示为：

<select id="gagaga" multiple>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
  • 那我怎样才能使它不可多选呢？（到allow only 1 selection）
4

4 回答 4

27

用这个 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，但小于列表中的选项总数，浏览器会添加一个滚动条，表示还有更多选项可以查看。

于 2013-01-04T10:58:48.513 回答
2

不要使用multiple 属性来设置它的大小。

引自 w3schools：

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

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

于 2013-01-04T10:59:08.560 回答
0

你需要提供size给它：

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

只需删除multiple那里，它将使您能够在列表中仅选择一个选项。

于 2013-01-04T10:59:00.137 回答
0

你可以使用这个：

<html>
<body>
<select id="gagaga" size="3">
   <option>A</option>
   <option>B</option>
    <option>C</option>
</select>
</body>
</html>
于 2013-01-04T11:07:30.530 回答