如何使用具有相同类名的select元素的值在同一名称数据属性上设置不同的值

<select class="my-select" name="my-select"></select>
<select class="my-select" name="my-select"></select>

// 获取所有具有相同类名的select元素
var selectElements = document.getElementsByClassName('my-select');

// 遍历select元素
for (var i = 0; i < selectElements.length; i++) {
  var selectElement = selectElements[i];
  
  // 获取select元素的值
  var selectedValue = selectElement.value;
  
  // 根据需要设置不同的值到数据属性上
  if (selectedValue === 'option1') {
    selectElement.dataset.myData = 'value1';
  } else if (selectedValue === 'option2') {
    selectElement.dataset.myData = 'value2';
  } else {
    selectElement.dataset.myData = 'default value';
  }
}

// 获取具有相同类名的select元素中的数据属性值
var dataValue = selectElement.dataset.myData;