使用jQuery在更改事件上创建新的下拉列表

<div id="dropdown-container">
  <select id="dropdown">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</div>

$(document).ready(function() {
  $('#dropdown').change(function() {
    var selectedOption = $(this).val();
    
    // 创建新的下拉列表
    var newDropdown = $('<select>');
    
    // 添加新的下拉列表选项
    if (selectedOption === 'option1') {
      newDropdown.append('<option value="option4">Option 4</option>');
      newDropdown.append('<option value="option5">Option 5</option>');
    } else if (selectedOption === 'option2') {
      newDropdown.append('<option value="option6">Option 6</option>');
      newDropdown.append('<option value="option7">Option 7</option>');
    } else if (selectedOption === 'option3') {
      newDropdown.append('<option value="option8">Option 8</option>');
      newDropdown.append('<option value="option9">Option 9</option>');
    }
    
    // 将新的下拉列表添加到容器中
    $('#dropdown-container').append(newDropdown);
  });
});