如何使用一个对本地JSON文件的请求来填充多个下拉列表，使用jQuery？

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

<select id="dropdown1"></select>
<select id="dropdown2"></select>
<!-- 可以根据需要添加更多的下拉列表 -->

{
  "dropdown1": ["选项1", "选项2", "选项3"],
  "dropdown2": ["选项A", "选项B", "选项C"]
}

$.getJSON("data.json", function(data) {
  $.each(data.dropdown1, function(index, value) {
    $("#dropdown1").append("<option>" + value + "</option>");
  });

  $.each(data.dropdown2, function(index, value) {
    $("#dropdown2").append("<option>" + value + "</option>");
  });
});

$(document).ready(function() {
  // 上述代码放在这里
});