jQuery 检索和设置 html select 元素的选定选项值

使用jQuery检索和设置HTML select元素的选定选项值是一个常见的需求。在Web开发中，我们经常需要根据用户的选择来进行相应的操作或展示相关的内容。jQuery提供了一组方便的方法来处理这个问题。

html
  选项1
  选项2
  选项3

javascript
// 获取选定选项的值
var selectedValue = $("#mySelect").val();
console.log(selectedValue); // 输出当前选定选项的值
// 设置选定选项的值
$("#mySelect").val("option2"); // 将选项2设为选定选项

html
  选项1
  选项2
  选项3
  内容1
  内容2
  内容3

javascript
$("#mySelect").change(function() {
  var selectedValue = $(this).val();
  
  // 根据选定选项的值显示对应的内容
  if (selectedValue === "option1") {
    $("#content1").show();
    $("#content2, #content3").hide();
  } else if (selectedValue === "option2") {
    $("#content2").show();
    $("#content1, #content3").hide();
  } else if (selectedValue === "option3") {
    $("#content3").show();
    $("#content1, #content2").hide();
  }
});