HTML select中设selected=false的最后一个option为何默认被选中？

这个表现完全符合HTML官方规范，不存在浏览器实现偏差，本质是对selected属性的规则理解有误：

• selected是HTML标准定义的布尔属性，这类属性的判定逻辑只判断属性是否存在，和属性的取值没有任何关系。只要<option>标签上写了selected属性，不管你给它赋值为false、0、空字符串甚至任意自定义内容，浏览器都会判定这个option处于被选中状态，和标准写法selected="selected"、简写selected的效果完全一致——根本不存在selected=false表示“显式标记未选中”的语法。
• 单选<select>的默认选中逻辑在规范中有明确定义：

  初始化时按顺序遍历所有option子元素，所有携带selected属性的option都会被标记为选中；由于单选select同一时间只能保留一个选中项，最终生效的是遍历到的最后一个带selected属性的option。如果全量子元素遍历完都没找到带selected属性的option，才会默认选中第一个option。

回到你给出的示例代码：内容为1、2、4的三个option都携带了selected属性（哪怕赋值为false），遍历顺序里最后一个带该属性的是内容为4的option，所以最终默认选中4，和你测试到的结果完全吻合。

• 如果需要设置option默认不选中，直接不给该option加selected属性即可，不需要额外写selected=false画蛇添足。
• 注意区分HTML标签上的内容属性和JS操作的DOM属性：如果是通过脚本动态修改选中状态，操作的是DOM元素的布尔属性，这时候可以用option.selected = false取消选中，这和在HTML标签上写selected=false是完全不同的两套逻辑，不要混淆。

内容的提问来源于stack exchange，提问作者BoltKey