用JQuery根据Ajax结果更新列表框

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<select id="listbox">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

$(document).ready(function() {
  // 发送Ajax请求
  $.ajax({
    url: 'your_api_endpoint', // 替换为实际的API端点
    method: 'GET', // 根据实际情况选择请求方法
    dataType: 'json', // 根据实际情况选择响应数据类型
    success: function(response) {
      // 请求成功时的回调函数
      // 根据Ajax结果更新列表框
      var listbox = $('#listbox');
      listbox.empty(); // 清空列表框中的选项

      // 根据Ajax结果添加新的选项
      $.each(response, function(index, item) {
        listbox.append($('<option>', {
          value: item.value,
          text: item.text
        }));
      });
    },
    error: function(xhr, status, error) {
      // 请求失败时的回调函数
      console.log('Ajax请求失败:', error);
    }
  });
});