js判断select选中

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

<button onclick="checkSelected()">检查选中项</button>

function checkSelected() {
  // 获取select元素
  var selectElement = document.getElementById("mySelect");
  
  // 获取选中的值
  var selectedValue = selectElement.value;
  
  // 输出选中的值
  console.log("选中的值是: " + selectedValue);
  
  // 判断选中的是哪个选项
  if (selectedValue === "option1") {
    console.log("选中的是选项1");
  } else if (selectedValue === "option2") {
    console.log("选中的是选项2");
  } else if (selectedValue === "option3") {
    console.log("选中的是选项3");
  } else {
    console.log("没有选中任何选项");
  }
}

function checkSpecificOption() {
  var selectElement = document.getElementById("mySelect");
  var optionToCheck = selectElement.options[1]; // 假设我们要检查第二个选项是否被选中
  
  if (optionToCheck.selected) {
    console.log("选项2被选中了");
  } else {
    console.log("选项2没有被选中");
  }
}