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

Question

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

请问有什么办法吗？ (我不想删除“多个”)。

Answer 1

只是不要让它成为select multiple，而是给它设置一个size，比如:

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

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