ajax二级下拉

最新推荐文章于 2021-08-05 15:31:12 发布

rrz634171

最新推荐文章于 2021-08-05 15:31:12 发布

阅读量376

点赞数

分类专栏： js和jquery

本文链接：https://blog.csdn.net/rrz634171/article/details/34099597

版权

js和jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

$(function(){
$("#academy").change(function(){
$.ajax({
       url:'<%=basePath%>admin/getFaculty.action', //后台action
         type:'post',
       dataType:'json', //返回类型是json
       data:{code:$("select[name='user.academy']").val()} ,
          error: function(){
            alert('error');
          },
          success:function(arr){
            $("select[name='user.faculty']").empty();
            $("select[name='user.discipline']").empty();
            $("<option value=''>  ---请选择---</option>").appendTo("select[name='user.faculty']");
            $("<option value=''>  ---请选择---</option>").appendTo("select[name='user.discipline']");
            for(var i=0;i<arr.length;i++){
                   $("select[name='user.faculty']").append("<option value='"+arr[i].code+"'>"+arr[i].name+"</option>");
      }

            }
      });
})
})
$(function(){
$("#faculty").change(function(){
$.ajax({
       url:'<%=basePath%>admin/getFaculty.action', //后台action
         type:'post',
       dataType:'json', //返回类型是json
       data:{code:$("select[name='user.faculty']").val()} ,
          error: function(){
            alert('error');
          },
          success:function(arr){
            $("select[name='user.discipline']").empty();
            $("<option value=''>  ---请选择---</option>").appendTo("select[name='user.discipline']");
            for(var i=0;i<arr.length;i++){
                   $("select[name='user.discipline']").append("<option value='"+arr[i].code+"'>"+arr[i].name+"</option>");
      }
            }
      });
})
})

//有可能用到的

$(function(){
if($("#academy").val() != ""){

$.ajax({
       url:'<%=basePath%>admin/getFaculty.action', //后台action
         type:'post',
       dataType:'json', //返回类型是json
       data:{code:$("select[name='user.academy']").val()} ,
          error: function(){
            alert('error');
          },
          success:function(arr){
            $("select[name='user.faculty']").empty();
            $("select[name='user.discipline']").empty();
            $("<option value=''>  ---请选择---</option>").appendTo("select[name='user.faculty']");
            $("<option value=''>  ---请选择---</option>").appendTo("select[name='user.discipline']");
            for(var i=0;i<arr.length;i++){
                   $("select[name='user.faculty']").append("<option value='"+arr[i].code+"'>"+arr[i].name+"</option>");
      }

            }
});
}

}

    <tr>
      <td bgcolor="#d5eacd" style="padding-left:40px">学院：</td>
      <td style="white-space:nowrap" bgcolor="#fafafa" style="padding-left:10px;">
  <select name ="user.academy" id ="academy">
   <option value="">------请选择-------</option>
   <%
   List<DicAcademy> dicAcademyList = (List<DicAcademy>)request.getAttribute("dicAcademyList");
   for(int i=0;i<dicAcademyList.size();i++){
   %>
   <option value="<%=dicAcademyList.get(i).getCode()%>"><%=dicAcademyList.get(i).getName()%></option>
   <%}%>
  </select>
    </td>
    <td><span id="academy.info" style="color:red"></span></td>
    </tr>
    <tr>
      <td bgcolor="#d5eacd" style="padding-left:40px">系别：</td>
      <td style="white-space:nowrap" bgcolor="#fafafa" style="padding-left:10px;">
  <select name ="user.faculty" id ="faculty">
   <option value="">------请选择-------</option>
  </select>
    </td>
    <td><span id="faculty.info" style="color:red"></span></td>
    </tr>
    <tr>
      <td bgcolor="#d5eacd" style="padding-left:40px">专业：</td>
      <td style="white-space:nowrap" bgcolor="#fafafa" style="padding-left:10px;">
  <select name ="user.discipline" id ="discipline">
   <option value="">------请选择-------</option>
  </select>
    </td>
    <td><span id="discipline.info" style="color:red"></span></td>
    </tr>

.action

/**
* 查询学院下的系别
* @throws IOException
*/
public String getFaculty() throws IOException {
  dicAcademyList2 = managementUserDao.getFaculty(code);
  JSONObject jsonObject = new JSONObject();
  jsonObject.put("json", dicAcademyList2);
  String jsonString = jsonObject.getString("json");
  HttpServletResponse response = (HttpServletResponse)ActionContext.getContext().get(ServletActionContext.HTTP_RESPONSE);
  response.setHeader("content-type", "textml;charset=utf-8");
  response.getWriter().println(jsonString);
  return null;
}