Advertisement
Advertisement


How to create a listbox in HTML without allowing multiple selection?


Question

I don't have much experience in HTML. I am looking to create a simple listbox, but one of the requirements is to DISALLOW multiple selection. Most of the code for listboxes goes like this -

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

But this allows for multiple selection.

Here, a similar question was asked, but the "best" answer has been downvoted. So I am not sure how else this could be done. Please help.

2017/05/23
1
97
5/23/2017 12:26:27 PM

Accepted Answer

Just use the size attribute:

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

To clarify, adding the size attribute did not remove the multiple selection.

The single selection works because you removed the multiple="multiple" attribute.

Adding the size="5" attribute is still a good idea, it means that at least 5 lines must be displayed. See the full reference here

2018/12/06
170
12/6/2018 8:48:25 PM


For Asp.Net MVC

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

or

  @Html.ListBoxFor(model => model.parameterName,
  ViewBag.ParameterValueList as MultiSelectList,
   new{
       data_placeholder = "Select Options ",
       @class = "chosen-select form-control"
   })
2016/11/02

Source: https://stackoverflow.com/questions/9619776
Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
Email: [email protected]