Jquery show从下拉列表中选择了一个值

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

<div id="content1" style="display: none;">内容1</div>
<div id="content2" style="display: none;">内容2</div>
<div id="content3" style="display: none;">内容3</div>

$(document).ready(function() {
  $("#mySelect").change(function() {
    var selectedValue = $(this).val();
    
    // 隐藏所有内容
    $("#content1, #content2, #content3").hide();
    
    // 根据选择的值显示相应的内容
    if (selectedValue === "option1") {
      $("#content1").show();
    } else if (selectedValue === "option2") {
      $("#content2").show();
    } else if (selectedValue === "option3") {
      $("#content3").show();
    }
  });
});