我的网站上有一个搜索表单,其中一个选择控件大致如下:
<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解决方案?