select切换实现简单的联动查询。

最新推荐文章于 2025-06-21 14:05:03 发布

what_error

最新推荐文章于 2025-06-21 14:05:03 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前段代码文章标签：联动

本文链接：https://blog.youkuaiyun.com/what_error/article/details/79086206

前段代码专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的活动类型切换功能，当选择不同的活动类型（如优惠券或活动）时，会动态更新关联的资源列表。具体实现了在用户界面上选择特定活动类型后，自动显示对应类型的资源选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：切换活动类型（活动,优惠券），关联的类型名称也相应的查询出来。

html:

<option value="1" <c:if test="${appAd.type==1}">selected</c:if>>优惠券</option>

<option value="2" <c:if test="${appAd.type==2}">selected</c:if>>活动</option>

</select>

js:

$(document).ready(function() {
//优惠券活动列表
<c:forEach items="${ticketlist}" var="ticket">
ticketlisthtml+='<option value="${ticket.id}" <c:if test="${ticket.id==appAd.resourceId}">selected</c:if>>${ticket.title}</option>';
</c:forEach>
<c:forEach items="${activitylist}" var="activity">
activitylisthtml+='<option value="${activity.id}" <c:if test="${activity.id==appAd.resourceId}">selected</c:if>>${activity.title}</option>';
</c:forEach>
AppAdChange(${appAd.type});

}

function AppAdChange(obj){
if(obj==2){
$("#resourceId").html("");
$("#resourceId").html(activitylisthtml);
}else{
$("#resourceId").html("");
$("#resourceId").html(ticketlisthtml);
}
}

</script>

controller:

@RequestMapping(params = "method=")
public String queryAdManageXq(String id,String shopid,String type,HttpSession session, HttpServletRequest request,HttpServletResponse response,ModelMap modelMap) throws Exception {
AppAd appAd=new AppAd();
if(id!=null){
appAd = adManageService.queryAd(id);
}
modelMap.put("appAd", appAd);
modelMap.put("shopid", shopid);
//查询券列表查询活动列表
List<AppTicketInfo> ticketlist=appTicketService.queryAppTicketInfoList(shopid);
List<AppActivities> activitylist=appActivitiesService.queryAppActivitiesList(shopid);
modelMap.put("ticketlist", ticketlist);
modelMap.put("activitylist", activitylist);
return basepath_return+"跳转页面";
}