SELECT multiple - how to allow only one item selected

Question

I have a  lt SELECT multiple gt  field with multiple options and I want to allow it to have only one option selected at the same time but user can hold CTRL key and select more items at once   Is there any way how to do it   I don t want to remove  multiple

User · Answer

If the user should select only one option at once, just remove the "multiple" - make a normal select:

  <select name="mySelect" size="3">
     <option>Foo</option>
     <option>Bar</option>
     <option>Foo Bar</option>
     <option>Bar Foo</option>
  </select>

Fiddle

User · Answer

You want only one option by default  but the user can select multiple options by pressing the CTRL key  This is  already  exactly how the SELECT multiple is meant to behave    See this  http   www w3schools com tags tryit asp filename tryhtml select multiple  Can you please clarify your question

User · Answer

Just don t make it a select multiple  but set a size to it  such as      lt select name  user  id  userID  size  3  gt       lt option gt John lt  option gt       lt option gt Paul lt  option gt       lt option gt Ringo lt  option gt       lt option gt George lt  option gt     lt  select gt    Working example  https   jsfiddle net q2vo8nge

User · Answer

I am coming here after searching google and change thing at my-end   So I just change this sample and it will work with jquery at run-time      select name   homepage select     removeAttr  multiple     http   jsfiddle net ajayendra2707 ejkxgy1p 5

User · Answer

Late to answer but might help someone else  here is how to do it without removing the  multiple  attribute        myDropdown   chosen         Here you can change the value of the maximum allowed options     max selected options  1

User · Answer

Why don t you want to remove the multiple attribute   The entire purpose of that attribute is to specify to the browser that multiple values may be selected from the given select element   If only a single value should be selected  remove the attribute and the browser will know to allow only a single selection   Use the tools you have  that s what they re for

User · Answer

lt select name  flowers  size  5  style  height 200px  gt    lt option value  1  gt Rose lt  option gt    lt option value  2  gt Tulip lt  option gt   lt  select gt    This simple solution allows to obtain visually a list of options  but to be able to select only one

User · Answer

I had some dealings with the select   multi-select this is what did the trick for me   lt select name  mySelect  multiple  multiple  gt       lt option gt Foo lt  option gt       lt option gt Bar lt  option gt       lt option gt Foo Bar lt  option gt       lt option gt Bar Foo lt  option gt   lt  select gt

[html] <SELECT multiple> - how to allow only one item selected?

Examples related to html

Examples related to html-select