Question

有没有办法让select下拉菜单显示multiple option s，但用户只能click在一个项目上...如何限制他们在以前突出显示所有选项，即使他们可以看到所有选项？

示例

<form action="">
<select name="cars" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

<strong>They Should NOT Highlight or select more than one option at a go!!</strong>

我希望用户在以前不会突出显示所有option，因为这会submit SERVER-SIDE Script和错误的所有选项。

在此处查看此内容： http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

转到该链接并尝试突出显示所有选项并Submit查询...您会看到所有option都已提交。即使在CTRL之后点击option + option，如何防止多次突出显示？

Answer 1

请勿使用multiple为其设置size

<form action="">
<select name="cars" size="4">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

Answer 2

Fiddle

上的演示

HTML：

<form action="">
  <select name="cars" visible="volvo">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <input type="submit" />
</form>

Answer 3

自： <select name="cars" multiple> 至： <select name="cars">

HTML <select>下拉菜单，显示多个，但一次只选择一个</select>

3 个答案:

Fiddle

HTML：