多级ajax，审核

来源：互联网发布：淘宝达人模拟帖子编辑：程序博客网时间：2024/05/13 09:12

$(function() {
$("#cid").change(function() {
  AddZuoye();
});
});
$(function() {
$("#zid").change(function() {
  AddTimu();
});
});
function AddZuoye() {
$.post('SearchZuoye', {cid : $("#cid").val()}, function(json) {
  $("#zid").empty();
  if (json == "0") {
   $("#zid").append("<option value='0'>请选择</option>");
  }else if(json=="-1"){
   $("#zid").append("<option value='0'>无作业</option>");
  }else {
   for (var i = 0; i < json.length; i++) {
    if(json[i].status==0&&json[i].reason==null){
     $("#zid").append("<option value="+json[i].id+">" + json[i].timu.substring(0,45) + "</option>");
     AddTimu();
    }
   }
  }
},"json");
}
function AddTimu() {
$.post('SearchTimu', {zid : $("#zid").val()}, function(json) {
  $("#zuoye").empty();
  for (var i = 0; i < json.length; i++) {
   $("#zuoye").append("<textarea style='width: 700px;height: 90px;'>" + json[i].timu + "</textarea>");
  }
},"json");
}

<form action="ShenHeAction" method="post">
     <div class="main wrap">
   班级:<select id="cid" name="cid">
           <option value="0" selected="selected">请选择</option>
           <c:forEach items="${clist }" var="clist">
             <option value="${clist.id }">${clist.name }</option>
           </c:forEach>
        </select><hr />
    题目:<select name="zid" id="zid">
           <option value="0">请选择</option>
        </select><hr />
    全题:<div id="zuoye">正在加载中。。。</div>
    是否通过: <input type="radio" id="yes" value="1" name="status" checked="checked"/>通过
             <input type="radio" id="no" value="0" name="status" />不通过<hr />
    <div id="reason" style="display: none;">不通过原因:<br /><textarea style="width: 700px;height: 90px;" name="reason"></textarea></div>
      <label class="ui-blue"><input type="submit" name="submit" value="确认" /></label>
     </div>
  </form>

0 0