首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML选择框显示为多个,但要禁用多个选择?

HTML选择框显示为多个,但要禁用多个选择?
EN

Stack Overflow用户
提问于 2013-01-04 18:53:30
回答 4查看 18K关注 0票数 19

我需要有:

  • 显示为垂直展开框(而不是下拉框)的html <select>框。因此我将其设置为multiple.

则它正确地显示为:

代码语言:javascript
复制
<select id="gagaga" multiple>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>

  • 那么我怎么才能让它不能多选呢?(至allow only 1 selection)
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-01-04 18:58:49

使用此size="3"

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<body>
<select id="gagaga" size="3">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
</body>
</html>

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

票数 27
EN

Stack Overflow用户

发布于 2013-01-04 18:59:09

不要使用multiple属性,而是为其设置大小。

引用自w3schools:

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

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

票数 2
EN

Stack Overflow用户

发布于 2013-01-04 18:59:00

您需要为其提供size

代码语言:javascript
复制
<select id="gagaga" size='3'>
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14155752

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档