选择多个选项时，HTML <select>，而不是</select>：行为

Question

在this simple jsfiddle（下面的代码）中，我有一个常规<select>，而不是<select multiple>，其中两个选项具有selected属性。在Chrome 39中，我看到“d”被选中。显然，行为是选择最后一个“选定”选项，这似乎是合乎逻辑的。 这是一种我可以依赖浏览器的行为吗？

<select>
    <option value="a">a</option>
    <option value="b" selected>b</option>
    <option value="c">c</option>
    <option value="d" selected>d</option>
</select>

Answer 1

  

未指定多个属性的select元素不得   有多个后代选项元素及其选中   属性集。

来源w3.org

因此它不是有效的HTML，因此浏览器的行为是不可预测的。如果您通过Javascript创建这些选定的选项，您也应该通过JS处理您想要的行为。