java 多级级联菜单回显_三级联动回显

1

2

3 Stringpath=request.getContextPath();4 StringbasePath=request.getScheme()+ "://" +request.getServerName()+ ":" +request.getServerPort()5 +path+ "/";6 %>

7

8

9

10

11 ">

12

13

My JSP 'studentUpdata.jsp' starting page

14

15

16

17

18

19

20

23

24 href="./vendor/simple-line-icons/css/simple-line-icons.css">

25

26 href="./vendor/font-awesome/css/fontawesome-all.min.css">

27

28

29

30

31

32

33

34

35

36 varaddress= "";37 $(function(){38 //ajax 省份

39 $.ajax({40 url :"SelectCityServlet",41 type :"post",42 data : {43 cid :1

44 },45 dataType :"json",46 success :function(data) {47 $.each(data,function(i, val) {48 $("#sheng").append("" + this.cityname+ "")49 })50 }51 });52 setTimeout(function() {53 //回显的ajax获取内容

54 varid=${param.id};55 $.ajax({56 url:"StudentSelectOneServlet",57 type:"post",58 data: {id:id},59 dataType:"json",60 success:function(data){61 $("#pid").val(data.pid);62 $("#name").val(data.name);63 $(":radio").each(function(){64 if($(this).val()==data.sex){65 $(this).prop("checked",true);66 }67 });68 $("#age").val(data.age);69 $("#team").val(data.team);70 address=data.add;//地址全局变量

71 $("#add").val(data.add);72 $("#sheng option").each(function(){73 if(data.add.indexOf($(this).html())!=-1){74 $(this).prop("selected",true);75 ChooseCity($(this).val());//调2级联动

76 }77 });78 /*$("#shi option").each(function(){79 if(data.add.indexOf($(this).html())!=-1){80 $(this).prop("selected",true);81 ChooseQu($(this).val())//调3级联动82 }83 });84 $("#xian option").each(function(){85 if(data.add.indexOf($(this).html())!=-1){86 $(this).prop("selected",true);87 }88 });*/

89 }90 })91 },500);92

93 })94 varid=

95 functiontijiao(){96 varnum=$("form").serialize();97 $.ajax({98 url:"StudentUpdataServlet",99 type:"post",100 data: num,//参数

101 dataType:"text",102 success:function(data){103 if(data>0){104 alert("修改成功");105 parent.location.href="studentxiu.jsp";106 }else{107 alert("修改失败");108 }109 }110 })111 }112

113 //查id

114 $(function() {115

116 });117

118

119 //2级联动

120 functionChooseCity(id) {121 if(id!= "") {122 $.ajax({123 url :"SelectCityServlet",124 data : {125 cid : id126 },127 dataType :"json",128 success :function(data) {129 //清空之前的城市信息

130 $("#opt1").siblings().remove();131 //添加城市信息

132 $.each(data,function(i, val) {133 if(address.indexOf(this.cityname)!=-1){134 $("#shi").append("" + this.cityname+ "")135 ChooseQu(this.id);136 }else{137 $("#shi").append("" + this.cityname+ "")138 }139 })140 }141 })142 }else{143 //清理之前的城市信息

144 $("#opt1").siblings().remove();145 //清理之前的区 县信息

146 $("#opt2").siblings().remove();147 }148 }149 //3ji

150 functionChooseQu(id) {151 if(id!= "") {152 $.ajax({153 url :"SelectCityServlet",154 data : {155 cid : id156 },157 dataType :"json",158 success :function(data) {159 //先清理之前的区县信息

160 $("#opt2").siblings().remove();161 //添加区 信息

162 //添加城市信息

163 $.each(data,function(i, val) {164 if(address.indexOf(this.cityname)!=-1){165 $("#xian").append("" + this.cityname+ "")166 }else{167 $("#xian").append("" + this.cityname+ "")168 }169 })170 }171 })172 }else{173 //清理之前的区、县信息

174 $("#opt2").siblings().remove();175 }176 }177 functiongetAdd() {178 varpro=$("#sheng option:selected").text();179 varcity=$("#shi option:selected").text();180 varqu=$("#xian option:selected").text();181 $("#add").val(pro+ "" +city+ "" +qu);182 }183

184

185

186

187

188

189

190

191

192

193

194 修改学员信息