Spring MVC中Ajax实现二级联动的简单实例

时间: 作者:admin 点击数:
  

[springmvc二级联动]Spring MVC中Ajax实现二级联动的简单实例

  

今天写项目遇到了二级联动,期间遇到点问题,写个博客记录一下。   

  

后台Controller:  

  
  
  @RequestMapping("/faultType")  @ResponseBody  public Map faultType(int id,HttpServletRequest request)throws IOException  {  String ReturnMessage = "";  //获取所有子类故障类型  List fauList=faultTypeService.getById(id);  if(fauList.size()>0){  request.setAttribute("childType", fauList);  ReturnMessage = "OK";  }else {  ReturnMessage = "未找到信息";  }  //*************************************************************  Map ReturnMAP = new HashMap();  ReturnMAP.put("childType", fauList);  return ReturnMAP;  }
  
  

前台JSP:  

  
  
  
  
      
  
  
  
          
  
  
  

JS:  

  
  
  function typeChange(){  var type=$("#faulttype").val();  var html = "";  var CommitUrl = "faultType.do?id=" + type;  $.ajax( {  type : "POST",  contentType : "application/json",  url : CommitUrl,  dataType : 'json',  success : function(result){  var Curedata = $.extend(true, [], result);  if (Curedata.childType != null) {  for(var i=0;i"+Curedata.childType[i].faultContent+"";  }  $("#faulttype1").empty();  $(html).appendTo("#faulttype1") ;  } }  });  }
  
  

以下是引用别人写的(原文地址:  

  

记性不好的可以收藏下:   

  

1,下拉框:  

  
  
  var cc1  = $(".formcselect[@name='country'] option[@selected]").text();//得到下拉菜单的选中项的文本(注意中间有空格)  var cc2 = $('.formcselect[@name="country"]').val(); //得到下拉菜单的选中项的值  var cc3 = $('.formc select[@name="country"]').attr("id");//得到下拉菜单的选中项的ID属性值  $("#select").empty();//清空下拉框//$("#select").html('');  $("1111").appendTo("#select")//添加下拉框的option  
  
  

稍微解释一下:  

  

1.select[@name='country'] option[@selected] 表示具有name 属性,  

  

并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;  

  

可以看出有@开头的就表示后面跟的是属性。   

  

2,单选框:  

  
  
  $("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)  $("input[@type=radio][@value=2]").attr("checked",'checked');//设置单选框value=2的为选中状态.(注意中间没有空格)  
  
  

3,复选框:  

  
  
  $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值  $("input[@type=checkbox][@checked]").each(function(){//由于复选框一般选中的是多个,所以可以循环输出  alert($(this).val());  });  $("#chk1").attr("checked",'');//不打勾  $("#chk2").attr("checked",true);//打勾  if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾  
  
  

当然jquery的选择器是强大的. 还有很多方法.   

  
   (责任编辑:夏洛淡)

本文地址:http://www.hxl18.com/biancheng/48.html

上一篇 : JavaScript完成打字效果的方法

下一篇 : 没有了,已是最新文章.

最新文章Related

Spring MVC中Ajax实现二级联动的简单实例

JavaScript完成打字效果的方法

jquery判断小数点俩位和全自动删除小数俩位后的数字

恒越注册登录:js 在定义的时候立即执行的函数表达式(function)写法

纯javascript完成的小游戏《Flappy Pig》实例

热门文章Related

查看更多关于编程动态的热门文章

首页 | 编程动态 | 常用代码 | APP模块

Copyright © 2017-2023 @恒越娱乐 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | 恒越娱乐