我的网站上有一个搜索表单,其中的选择控件大致如下所示:
<select name="foo" size="5" multiple="multiple">
<option value="" selected="selected">All</option>
<option value="AAAS">African and African American Studies</option>
<option value="ANTH">Anthropology and Archaeology</option>
<option value="APMA">Applied Mathematics</option>
...
</select>
在桌面浏览器上,默认情况下会选择“全部”,但是当单击不同的值时,除非按下修饰键,否则全部都将变为未选择。显然,iOS 上没有修饰键,因此行为不同,即使单击“应用数学”或其他任何内容,“全部”仍保持选中状态。
因此,最简单的答案是要么在任何浏览器上不选择任何内容,要么接受 iOS 行为。两者都不是非常可口。我想要的是在做出另一个选择时取消选择默认值,但从那时起允许多选按照 iOS 的预期工作。我应该只输入一点 javascript,还是有纯 html 解决方案?