如何在＆＃39;选择＆＃39;中阅读自定义数据属性在IE8中使用javascript

Question

我正在尝试使用java脚本和IE8浏览器中的jQuery在select中读取自定义数据属性。两者都失败了，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">    </script>
<select id="myselect">
  <option data-date="Feb 10, 1999" value="1">desc1</option>
  <option data-date="Feb 11, 1999" value="2">desc2</option>
  <option data-date="Feb 12, 1999" value="3">desc3</option>
  <option data-date="Feb 13, 1999" value="4">desc4</option>
  <option data-date="Feb 14, 1999" value="5">desc5</option>
</select>

Javascript代码

var date =   document.getElementById('myselect').options[myselect.selectedIndex].getAttribute‌​('data-date');

注意：此javascript代码适用于IE9及更高版本。