<SELECT multiple> - 如何仅允许选择一个项目？

Question

我有一个<SELECT multiple>具有多个选项的字段,我想允许它同时只选择一个选项,但用户可以按住CTRL键并一次选择更多项目.

有什么方法可以做到吗？(我不想删除'倍数').

Answer 1

只是不要将它设为选择倍数,而是设置它的大小,例如:

  <select name="user" id="userID" size="3">
    <option>John</option>
    <option>Paul</option>
    <option>Ringo</option>
    <option>George</option>
  </select>

工作示例:https: //jsfiddle.net/q2vo8nge/

Answer 2

如果用户应该一次只选择一个选项,只需删除"倍数" - 进行正常选择:

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

小提琴

Answer 3

为什么不删除multiple属性？该属性的整个目的是为浏览器指定可以从给定select元素中选择多个值.如果只选择一个值,则删除该属性,浏览器将知道只允许一个选择.

使用你拥有的工具,这就是他们的用途.