ajax更改下拉列表中的内容不起作用

<select id="mySelect">
  <option value="">请选择</option>
</select>

function updateSelectOptions() {
  $.ajax({
    url: 'your-api-url',
    type: 'GET',
    dataType: 'json',
    success: function (data) {
      var select = $('#mySelect');
      select.empty(); // 清空现有选项
      select.append('<option value="">请选择</option>'); // 添加默认选项
      $.each(data, function (index, item) {
        select.append('<option value="' + item.value + '">' + item.text + '</option>');
      });
    },
    error: function (error) {
      console.log('Error fetching data:', error);
    }
  });
}

// 调用函数以在页面加载时更新下拉列表
$(document).ready(function () {
  updateSelectOptions();
});