如何使用 AJAX 刷新 JSP 页面上的下拉框并进行遍历?
你在使用 ajax 获取数据后,可以通过 dom 操作来动态更新 jsp 页面上的另一个下拉框。
具体步骤:
- 添加下拉框元素:在另一个下拉框元素中添加一个 id,例如 #newlist。
- 使用 ajax 完成请求:保持你的现有 ajax 代码不变。
-
在 success 回调函数中处理响应:
- 使用 json.parse() 将响应转换为 javascript 对象。
- 遍历获取的列表并在 #newlist 下拉框中创建新的
var list = JSON.parse(data); for (var i = 0; i < list.length; i++) { $("#newList").append("<option value='" + list[i].value + "'>" + list[i].label + "</option>"); }