如何在jquery中用html <select>创建下拉菜单，并用ajax调用的响应(列表)填充它？

<select id="mySelect"></select>

$(document).ready(function() {
  // 使用Ajax调用获取响应列表数据
  $.ajax({
    url: 'your_api_url', // 替换为实际的API地址
    method: 'GET',
    dataType: 'json',
    success: function(response) {
      // 响应成功时，遍历数据并将其添加到下拉菜单中
      $.each(response, function(index, item) {
        $('#mySelect').append($('<option>', {
          value: item.value,
          text: item.text
        }));
      });
    },
    error: function(xhr, status, error) {
      // 处理错误情况
      console.log(error);
    }
  });
});