使用JQ Ajax请求接口数据并动态填充Select框选项

\u003C!-- 使用JQ Ajax请求接口数据并动态填充Select框选项 --\u003E\n\u003Cscript\u003E\n$(document).ready(function() {\n $.ajax({\n url: 'your_api_url',\n success: function(response) {\n var data = response.data;\n var selectBox = $('#your_select_box_id');\n\n $.each(data, function(key, value) {\n // 创建一个option元素，并设置其value和显示的文本\n var option = $('').val(key).text(value);\n // 将option添加到select框中\n selectBox.append(option);\n });\n }\n });\n});\n\u003C/script\u003E\n\u003C!-- 假设你的select框的id为your_select_box_id，你需要将your_api_url替换为你实际的接口地址。在成功回调函数中，遍历data的每个key-value对，创建一个option元素，并将其添加到select框中。其中，key作为option的value，value作为option的显示文本。 --\u003E