如何检索嵌套在<td>中的select的选定选项

<table>
  <tr>
    <td>
      <select id="mySelect">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
    </td>
  </tr>
</table>

// 获取select元素
var selectElement = document.getElementById('mySelect');

// 添加事件监听器，当选项改变时触发
selectElement.addEventListener('change', function() {
  // 获取选定的选项值
  var selectedValue = selectElement.value;
  console.log('Selected value:', selectedValue);
});

// 如果需要在页面加载时立即获取选定的值
window.onload = function() {
  var initialSelectedValue = selectElement.value;
  console.log('Initial selected value:', initialSelectedValue);
};