使用jquery在事件更改后显示多张图像

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

<div id="imageContainer"></div>

$(document).ready(function() {
  $('#dropdown').change(function() {
    var selectedValue = $(this).val(); // 获取选中的值

    // 根据选中的值显示对应的图像
    if (selectedValue === 'option1') {
      $('#imageContainer').html('<img src="image1.jpg">');
    } else if (selectedValue === 'option2') {
      $('#imageContainer').html('<img src="image2.jpg">');
    } else if (selectedValue === 'option3') {
      $('#imageContainer').html('<img src="image3.jpg">');
    }
  });
});