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

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

html:

<select name="type" id="type"  class="required" οnchange="AppAdChange(this.options[this.options.selectedIndex].value)">

<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>

<select name="resourceId" id="resourceId"  class="required"></select>

js:

<script type="text/javascript">
        var  ticketlisthtml="";
        var  activitylisthtml="";

 $(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+"跳转页面";
}