为jQuery添加选定项，以根据第一个选择列表选项更改第二个选择列表

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

<select id="firstList">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="secondList">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

$(document).ready(function() {
  $('#firstList').change(function() {
    var selectedOption = $(this).val(); // 获取选定的选项值

    // 根据选定的选项值更新第二个选择列表的选项
    if (selectedOption === 'option1') {
      $('#secondList').html('<option value="option4">Option 4</option><option value="option5">Option 5</option>');
    } else if (selectedOption === 'option2') {
      $('#secondList').html('<option value="option6">Option 6</option><option value="option7">Option 7</option>');
    } else if (selectedOption === 'option3') {
      $('#secondList').html('<option value="option8">Option 8</option><option value="option9">Option 9</option>');
    }
  });
});