时间:
作者:admin 点击数:
[springmvc二级联动]Spring MVC中Ajax实现二级联动的简单实例
今天写项目遇到了二级联动,期间遇到点问题,写个博客记录一下。
后台Controller:
@RequestMapping("/faultType") @ResponseBody public MapfaultType(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的选择器是强大的. 还有很多方法.