不同的浏览器如何处理多个选定的选项

时间:2017-01-04 13:24:00

标签: javascript html select option

在下面的情况下,不同的浏览器如何处理多个选定的选项,程序员错误地或不知不觉地在HTML中选择了多个默认选项:

   <select>
        <option selected="selected"> Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option selected="selected">Option 4</option>
        <option>Option 5</option>
        <option>Option 6</option>
    </select>

目前我可以访问chrome,firefox,opera和safari,他们似乎都一致选择option 4,可能是因为浏览器从上到下加载。然而,最好是安全而不是抱歉。在浏览器中我们都喜欢讨厌,即IE(没有双关语),或微软的优势,它们有什么不同吗?

1 个答案:

答案 0 :(得分:0)

根据Browserling,它在IE 9中显示相同的结果,我也在我的PC上测试过。 Microsoft Edge也显示相同的结果。我认为每个浏览器都以自己的方式解释这一点。根据W3规范:

  

未指定多个属性的select元素不得包含多个具有所选属性集的后代选项元素。

如果您想详细了解此问题,请将您提供的代码放在JSFiddle上,然后尝试BrowserlingBrowsershots中的链接。