如何从html select中获取数据属性值？

<select id="mySelect">
  <option value="1" data-category="fruit">Apple</option>
  <option value="2" data-category="fruit">Orange</option>
  <option value="3" data-category="vegetable">Carrot</option>
</select>

<script>
  var selectElement = document.getElementById("mySelect");
  var selectedOptions = selectElement.selectedOptions;

  for (var i = 0; i < selectedOptions.length; i++) {
    var option = selectedOptions[i];
    var dataCategory = option.getAttribute("data-category");
    console.log(dataCategory);
  }
</script>