Read Select Option Data Attribute

<!DOCTYPE html>
<html>
<head>

<style>

    body{
        background-color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
    }

</style>

</head>
<body>

<h2>HTML Content</h2>

<select name="selection" id="select00">
    <option value="Default" data-info="Info 00">Select Option</option>
    <option value="Value 01" data-info="Info 01">Option 01</option>
    <option value="Value 02" data-info="Info 02">Option 02</option>
    <option value="Value 03" data-info="Info 03">Option 03</option>
    <option value="Value 04" data-info="Info 04">Option 04</option>
</select>

<script>

var selectSrc = document.getElementById("select00");
selectSrc.addEventListener("change", getSelectData);

function getSelectData(event){
    var optionIndex = event.target.selectedIndex;
    var optionValue = event.target.value;
    var dataSrc = event.target.options[event.target.selectedIndex].dataset.info;
    console.log("optionIndex:" + optionIndex + " optionValue:" + optionValue  + " dataSrc: " + dataSrc );
}

</script>

</body>
</html>