ajax 动态级联

 

@RequestMapping(value="/modifytable")public String modifytable(ModelMap model,BzDmb bzDmb,HttpServletRequest request,HttpServletResponse response) { //model.addAttribute("bzDmb",bzDmb); //语境列表List<DmYjdmb> dmYjdmbList = dmYjdmbManager.queryDmYjdmbList();request.setAttribute("dmYjdmbList", dmYjdmbList);     return "/bzdmb/modify";}/**根据业务分类列出表*/@RequestMapping(value="/bmlist/{ywflDm}")public void bmListByYwfldm(ModelMap model,BzDmb bzDmb,@PathVariable java.lang.String ywflDm, HttpServletRequest request,HttpServletResponse response) {         String theYwflDm = ywflDm==null?"":ywflDm.trim();List<BzDmb> bmList = bzDmbManager.queryDmbByYwflDm(theYwflDm);  String content = JSONArray.fromObject(bmList).toString(); super.ajaxOut(content,response);      }

 <TABLE width="100%" align=center>     <TR>    <TD  >      <TABLE align=center>        <TBODY>        <TR>          <TD>业务分类 : </TD>          <TD>          <select id="ywflDm" name="ywflDm" style="width: 160px"><option value="">请选择 </option><c:forEach items="${dmYjdmbList}" var="obj"><option value="${obj.yjDm }" >${obj.yjMc}</option></c:forEach></select>    </TD>         <td>    </td>          <TD>表中文名 ：</TD>          <TD>          <select id="bzwm" name="bzwm"><option value="">请选择</option> </select>           </TD>                  </TR>           </TBODY>          </TABLE>       </TD>   </TR>    </TABLE>

<script type="text/javascript">$("#ywflDm").change(function() { var ywflDm=$("#ywflDm").val(); $.ajax({"url": "${ctx}/bzdmb/bmlist/"+ywflDm ,  "type":"post", 'success': function(content){  var dmbInfo=eval(content); $("#bzwm").html(""); $("#bzwm").append("<option value='' >请选择</option>") for(var i=0;i<dmbInfo.length;i++){  //var bm=dmbInfo[i]["bm"]; var bzwm=dmbInfo[i]["bzwm"]; var dmbDm=dmbInfo[i]["dmbDm"]; $("#bzwm").append("<option value='"+dmbDm+"'>"+bzwm+"</option>") }      }});}) </script>