ajax 刷新 jsp 并遍历下拉框
在使用 ajax 从服务器获取数据时,遇到需要将获取的集合数据遍历到页面另一个下拉框中。该怎么做呢?
以下代码片段演示了如何获取 ajax 响应数据并遍历到下拉框中:
$.ajax({ type: "POST", dataType: "json", async: false, url: ctp + "/pbgx/ClglClsplr/ajaxcarListPage.do", data: { "cLLB": cllb, "cLXH": clxh, "cPMC": cpmc }, success: function(data) { // 清空下拉框选项 $("#other_dropdown").empty(); // 遍历获取的集合数据 $.each(data, function(index, item) { // 创建下拉框选项 var option = $("").val(item.id).text(item.name); // 添加选项到下拉框 $("#other_dropdown").append(option); }); }});
登录后复制
在成功获取 ajax 响应数据后,首先需要清空目标下拉框中的现有选项。然后,您可以使用 jquery 的 each 方法遍历集合数据,为每个项目创建一个选项,并将其添加到下拉框中。
以上就是如何使用 Ajax 刷新 JSP 页面并遍历下拉框?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2658556.html