《Spring MVC中Ajax实现二级联动的简洁实例_》由会员分享，可在线阅读，更多相关《Spring MVC中Ajax实现二级联动的简洁实例_（11页珍藏版）》请在金锄头文库上搜索。
1、Spring MVC中Ajax实现二级联动的简洁实例_ 下面我就为大家带来一篇Spring MVC中Ajax实现二级联动的简洁实例。我觉得挺不错的，现在就分享给大家，也给大家做个参考。 今日写项目遇到了二级联动，期间遇到点问题，写个博客记录一下。 后台Controller： RequestMapping(/faultType) ResponseBody public MapString,Object faultType(int id,HttpServletRequest request)throws IOException String ReturnMessage = ; /猎取全部子类故障类
2、型 ListFaultType fauList=faultTypeService.getById(id); if(fauList.size()0) request.setAttribute(childType, fauList); ReturnMessage = OK; else ReturnMessage = 未找到信息; /* MapString,Object ReturnMAP = new HashMapString,Object(); ReturnMAP.put(childType, fauList); return ReturnMAP; 前台JSP： div class=col-sm
3、-3 div class=form-group label class=col-3 control-label no-padding-right 故障类型： /label select name=faulttype id=faulttype onchange=javascript:typeChange() c:forEach items=$faultlist var=faulist option value=$faulist.faultId $faulist.faultContent /option /c:forEach /select /div /div div class=col-sm-3
4、 div class=form-group label class=col-3 control-label no-padding-right 故障： /label input id=childTypeCont name=childTypeCont value= type=hidden class=col-sm-4 form-control placeholder=故障 select name=faulttype1 id=faulttype1 option-请选择-/option c:forEach items=$childType var=faulist option value=$fauli
5、st.faultId $faulist.faultContent /option /c:forEach /select /select /div /div JS： function typeChange() var type=$(#faulttype).val(); var html = option-请选择-/option; var CommitUrl = faultType.do?id= + type; $.ajax( type : POST, contentType : application/json, url : CommitUrl, dataType : json, success
6、 : function(result) var Curedata = $.extend(true, , result); if (Curedata.childType != null) for(var i=0;iCuredata.childType.length;i+) html+=option value=+Curedata.childTypei.faultId+Curedata.childTypei.faultContent+/option; $(#faulttype1).empty(); $(html).appendTo(#faulttype1) ; ); 以下是引用别人写的（原文地址：
7、l(); $(optionvalueoptionvalue=11111/option).appendTo(#select)/添加下拉框的option 略微说明一下： 1.selectname=country optionselected 表示具有name 属性， 并且该属性值为country 的select元素 里面的具有selected 属性的option 元素； 可以看出有开头的就表示后面跟的是属性。 2,单选框: $(inputtype=radiochecked).val(); /得到单选框的选中项的值(留意中间没有空格) $(inputtype=radiovalue=2).attr(c
8、hecked,checked);/设置单选框value=2的为选中状态.(留意中间没有空格) 3,复选框: $(inputtype=checkboxchecked).val(); /得到复选框的选中的第一项的值 $(inputtype=checkboxchecked).each(function()/由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val(); ); $(#chk1).attr(checked,);/不打勾 $(#chk2).attr(checked,true);/打勾 if($(#chk1).attr(checked)=undefined) /推断是
9、否已经打勾 当然jquery的选择器是强大的. 还有许多方法. script src=jquery-1.2.1.jstype=text/javascript/script script language=javascripttype=text/javascript $(document).ready(function() $(#selectTest).change(function() /alert(Hello); /alert($(#selectTest).attr(name); /$(a).attr(href,xx.html); /window.location.href=xx.html;
10、 /alert($(#selectTest).val(); alert($(#selectTest optionselected).text(); $(#selectTest).attr(value, 2); ); ); /script ahrefahref=#aaass/a !-下拉框- 1.select id=selectTestname=selectTest 2.optionvalueoptionvalue=111/option 3.optionvalueoptionvalue=222/option 4.optionvalueoptionvalue=333/option 5.option
11、valueoptionvalue=444/option 6.optionvalueoptionvalue=555/option 7.optionvalueoptionvalue=666/option 8./select 9.jqueryradio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关猎取一组radio被选中项的值 10.var item = $(inputname=itemschecked).val(); 11.猎取select被选中项的文本 12.var item = $(selectname=items options
12、elected).text(); 13.select下拉框的其次个元素为当前选中值 14.$(#select_id)0.selectedIndex = 1; 15.radio单选组的其次个元素为当前选中值 16.$(inputname=items).get(1).checked = true; 17.猎取值： 18.文本框，文本区域：$(#txt).attr(value)； 19.多选框checkbox：$(#checkbox_id).attr(value)； 20.单选组radio： $(inputtype=radiochecked).val(); 21.下拉框select： $(#sel)
13、.val(); 22.掌握表单元素： 23.文本框，文本区域：$(#txt).attr(value,);/清空内容 24. $(#txt).attr(value,11);/填充内容 25.多选框checkbox： $(#chk1).attr(checked,);/不打勾 26. $(#chk2).attr(checked,true);/打勾 27. if($(#chk1).attr(checked)=undefined) /推断是否已经打勾 28.单选组radio：$(inputtype=radio).attr(checked,2);/设置value=2的项目为当前选中项 29.下拉框select：$(#sel).attr(value,-sel3);/设置value=-sel3的项目为当前选中项 30.$(optionvalueoptionvalue=
