js获取下拉列表的value

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

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

// 获取选中的<option>元素的索引
var selectedIndex = selectElement.selectedIndex;

// 获取选中的<option>元素的值
var selectedValue = selectElement.options[selectedIndex].value;

// 或者更简洁的方式
var selectedValue = selectElement.value;

console.log(selectedValue); // 输出当前选中的值，例如 "option2"

window.onload = function() {
  var selectElement = document.getElementById("mySelect");
  console.log(selectElement.value); // 确保此时能获取到值
};

document.addEventListener("DOMContentLoaded", function() {
  var selectElement = document.getElementById("mySelect");
  console.log(selectElement.value);
});