<SELECT multiple> – 如何只允许select一个项目？

我有一个带有多个选项的<SELECT multiple>字段，我想让它只能同时选中一个选项，但用户可以按住CTRL键并一次select多个项目。

有没有办法如何做到这一点？（我不想删除“多个”）。

只是不要让它成为一个select倍数，但设置一个大小，如：

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

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

如果用户应该一次只select一个选项，只要删除“多个” – 做一个正常的select：

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

小提琴

你为什么不想删除multiple属性？该属性的全部目的是向浏览器指定可以从给定的select元素中select多个值。如果只select一个值，删除该属性，浏览器将知道只允许单个select。

使用你所拥有的工具，这就是他们所需要的。

默认情况下只需要一个选项，但用户可以通过按下CTRL键来select多个选项。这已经（已经）究竟如何SELECT多个行为。

看到这个： http : //www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

你能澄清你的问题吗？

我search谷歌后，我来到这里，改变我的东西。

所以我只是改变这个示例，它将在运行时与jQuery的工作。

 $('select[name*="homepage_select"]').removeAttr('multiple')

我有一些select\多select这是对我来说是什么伎俩

<select name="mySelect" multiple="multiple"> <option>Foo</option> <option>Bar</option> <option>Foo Bar</option> <option>Bar Foo</option> </select>

 <select name="flowers" size="5" style="height:200px"> <option value="1">Rose</option> <option value="2">Tulip</option> </select>

这个简单的解决scheme允许在视觉上获得选项列表，但是只能select一个。