js 获取select选中的值

// 获取 select 选中的值

// HTML 部分
/*
<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>
*/

// JavaScript 部分
function getSelectedValue() {
  // 通过 ID 获取 select 元素
  var selectElement = document.getElementById("mySelect");

  // 获取选中的索引
  var selectedIndex = selectElement.selectedIndex;

  // 获取选中的值
  var selectedValue = selectElement.options[selectedIndex].value;

  // 或者直接使用更简洁的方式获取选中的值
  var selectedValueSimple = selectElement.value;

  // 输出选中的值到控制台
  console.log("选中的值: " + selectedValue);
  console.log("选中的值 (简洁方式): " + selectedValueSimple);
}

// 调用函数以获取选中的值
getSelectedValue();