jquery:如何使用jquery函数为不同的下拉列表存储数据

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

<select id="dropdown1"></select>
<select id="dropdown2"></select>

$.ajax({
  url: 'data.json', // 替换为实际的数据源URL
  dataType: 'json',
  success: function(data) {
    // 数据获取成功后的回调函数
    var dropdown1 = $('#dropdown1');
    var dropdown2 = $('#dropdown2');

    // 清空下拉列表
    dropdown1.empty();
    dropdown2.empty();

    // 遍历数据并添加选项到下拉列表
    $.each(data, function(key, value) {
      dropdown1.append($('<option></option>').attr('value', key).text(value));
      dropdown2.append($('<option></option>').attr('value', key).text(value));
    });
  },
  error: function() {
    // 数据获取失败后的回调函数
    console.error('Failed to fetch data.');
  }
});

$(document).ready(function() {
  // 在页面加载完成后执行的代码
  // 上述jQuery代码放在这里
});