如何在不允许多项选择的情况下在HTML中创建列表框?

时间:2012-03-08 15:06:05

标签: html listbox

我对HTML没有多少经验。我期待创建一个简单的列表框,但其中一个要求是DISALLOW多个选择。列表框的大部分代码都是这样的 -

 <select name="sometext" multiple="multiple">
    <option>text1</option>
    <option>text2</option>
    <option>text3</option>
    <option>text4</option>
    <option>text5</option>
 </select>

但这允许多种选择。

Here,提出了类似的问题,但“最佳”答案被低估了。所以我不确定如何做到这一点。请帮忙。

3 个答案:

答案 0 :(得分:158)

只需使用尺寸属性:

<select name="sometext" size="5">
  <option>text1</option>
  <option>text2</option>
  <option>text3</option>
  <option>text4</option>
  <option>text5</option>
</select>

为了澄清,添加size属性并未删除多个选择。

单一选择有效,因为您删除了multiple =“multiple”属性。

添加size =“5”属性仍然是一个好主意,这意味着必须至少显示5行。请参阅完整参考here

答案 1 :(得分:55)

删除multiple =“multiple”属性,并添加SIZE = 6以及所需的元素数

您可能想查看此网站

http://www.htmlcodetutorial.com/forms/_SELECT.html

答案 2 :(得分:2)

对于Asp.Net MVC

200
{
    "type": "user",
    "id": "17738362",
    "name": "sean rose",
    "login": "sean@box.com",
    "created_at": "2012-03-26T15:43:07-07:00",
    "modified_at": "2012-12-12T11:34:29-08:00",
    "language": "en",
    "space_amount": 5368709120,
    "space_used": 2377016,
    "max_upload_size": 262144000,
    "status": "active",
    "job_title": "Employee",
    "phone": "5555555555",
    "address": "555 Office Drive",
    "avatar_url": "https://app.box.com/api/avatar/large/17738362"
}

@Html.ListBox("parameterName", ViewBag.ParameterValueList as MultiSelectList, 
 new { 
 @class = "chosen-select form-control"
 })