浏览器缓存选择标记状态并忽略 selected= "true"

Question

我正在使用selected="true"呈现一个包含当前选定值的下拉框。

<select id="dropDown"> 
    <option selected="true" value="1">value2</option>
    <option value="2">value3</option>
    <option value="3">value4</option>
</select>

最初，选择的值对应于selected="true"，但如果我玩下拉框，然后刷新页面，selected="true"将被忽略，显示的值是我最后选择的值。我尝试使用selected="selected"，结果相同。谢谢你的帮助。

Answer 1

将选择字段更改为<select id="dropDown" autocomplete="off">

Answer 2

为了获得最佳浏览器支持，实际上（尽管看起来很愚蠢）最好使用

autocomplete="nope"

引用MDN:

在某些情况下，浏览器会不断建议自动完成值即使autocomplete属性设置为关闭对于开发人员来说，这种行为可能相当令人费解。真正的诀窍强制no自动完成是将一个随机字符串分配给attribute[…]由于此随机值无效，浏览器将给出向上的

Answer 3

它是一个二进制值，而不是属性（出于某种原因）。用途：

<option selected="selected" value="1">value2</option>

或：

<option selected value="1">value2</option>