选择选项并隐藏div jquery

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

$(document).ready(function() {
  // 监听下拉列表的选择变化
  $('#selectOption').change(function() {
    var selectedOption = $(this).val(); // 获取选择的值

    // 根据选择的值来判断是否隐藏div
    if (selectedOption === 'option1') {
      $('#div1').hide(); // 隐藏div1
    } else if (selectedOption === 'option2') {
      $('#div2').hide(); // 隐藏div2
    } else if (selectedOption === 'option3') {
      $('#div3').hide(); // 隐藏div3
    }
  });
});

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

<div id="div1">隐藏的div1</div>
<div id="div2">隐藏的div2</div>
<div id="div3">隐藏的div3</div>