在网页加载时使用jQuery和html select更改Divs的可见性

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

<select id="selectDiv">
  <option value="div1">Div 1</option>
  <option value="div2">Div 2</option>
  <option value="div3">Div 3</option>
</select>

<div id="div1">This is Div 1</div>
<div id="div2">This is Div 2</div>
<div id="div3">This is Div 3</div>

$(document).ready(function() {
  $('#selectDiv').change(function() {
    var selectedDiv = $(this).val();
    $('div[id^="div"]').hide(); // 隐藏所有div元素
    $('#' + selectedDiv).show(); // 显示选中的div元素
  });
});