select 获取选择项自定义属性

<select id='sel'>
    <option data-unit='公顷' value='MJ'>面积</option>
    <option data-unit='宗' value='SJ'>事件</option>
</select>

现在需要获取选中项 data-unit的信息：

var obj=document.getElementsById('sel');

var data-unit=$(obj[obj.selectedIndex]).attr("data-unit")

//--而采取$('#sel').text()是无法获取选中项的字面值
var name = $(obj[index]).text();//选中项对应文本值：面积，事件....