选择元素是否具有标准值属性？

问：

这是一个简单的问题，但我找不到任何参考资料，所以就这样吧。

假设我有一个 select 元素：

<select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

现在我想得到它所选的选项的.大多数情况下，我看到这种片段被使用：value

var sel = document.getElementById('sel');
console.log( sel.options[sel.selectedIndex].value ); //1

效果很好。但是，我发现元素也有一个值属性：select

console.log( sel.value ); //1

请参阅小提琴和这两个示例。

第二种形式不仅简单得多，而且一直可以追溯到 IE6（是的，我确实对此进行了测试，这是 IE6 友好版本）。

第一种方法被更广泛地接受是有原因的吗？第二种方法是否存在一些不兼容或极端情况问题？

我的“最常用的方法”论文主要基于个人经验，但作为参考，使用 JavaScript 在下拉列表中获取所选值中两个最受好评的答案？ 使用第一种方法。