牛骨文教育服务平台(让学习变的简单)
博文笔记

$.ajax 获取array数组 动态拼接控件

创建时间:2017-01-23 投稿人: 浏览次数:1358
截取了js里面的一个片段
js代码
$
			.ajax({
				type : "POST",
				url : "/miaolangzhong/manage/forAjax.do?requestType=22",
				data : "id=" + id, // 发送到服务器的数据
				success : function(msg) {
					 /*alert(msg); */
					var json = eval("(" + msg + ")");
					document.getElementById("addVisceraBzzzModel").style.display = "block";
					$.each(json, function(index, item) {						
						var objVZ=eval(json[index].vz);//objVZ是一个对象
						document.getElementById("id1").value = objVZ.id;
						document.getElementById("zangfu_id1").value = objVZ.zangfu_id;
						document.getElementById("name1").value = objVZ.name;
						document.getElementById("zhengxing1").value = objVZ.zhengxing;
						document.getElementById("zhengxing_code1").value = objVZ.zhengxing_code;
						document.getElementById("treatment1").value = objVZ.treatment;
						
						/*	$.each(arrVZ, function(index1, item) {//大数组嵌套在小数组
						document.getElementById("zangfu_id1").value = arrVZ[index1].zangfu_id;
						document.getElementById("name1").value = arrVZ[index1].name;
					});*/
						var arrVZ=eval(json[index].listVX);//arrVZ是一个数组
						var str="";
						for (var i = 0; i< arrVZ.length; i++) {
							str +="<tr>";
							str +="<td colspan="5">";
							str +="<div style="margin-left: 148px;" id="visceraXiangmus">";
							str +="<div style="float: left;">";
							str +="<select id="main" name="main"   style="width: 50px;height: 36px;position: absolute;margin-left: -45px;">";
							var zhuzheng;
							var fuzheng;
							if(arrVZ[i].main==0){
								fuzheng="selected="selected"";
								zhuzheng="";
							}else{
								fuzheng="";
								zhuzheng="selected="selected"";
							}			
							str +="<option value="1" "+zhuzheng+">主症</option>";
							str +="<option value="0" "+fuzheng+">辅症</option>";
							str +="</select>";
							str +="<select id="gender"  name="gender" style="width: 50px;height: 36px;position: absolute;margin-left: 20px;">";
						    var nan;
						    var nv;
						    var tongyong;
							if(arrVZ[i].gender==0){
								nan ="selected="selected"";
								nv="";
								tongyong="";
						    }else if(arrVZ[i].gender==1){
						    	nan="";
						    	nv = "selected="selected"";	
						    	tongyong="";
						    }else {
						    	nan="";
						    	nv = "";	
						    	tongyong="selected="selected"";
						    }						
							str +="<option value="0" "+nan+">男</option>";
							str +="<option value="1" "+nv+" >女</option>";
							str +="<option value="2" "+tongyong+" >通用</option>";
							str +="</select>";
							str +="<input type="hidden" name="id2" id="id2" value=""+arrVZ[i].id+""/>";							
							str +="<textarea style="width: 50px;margin-left: 95px;" id="xiangmu_code" name="xiangmu_code" >"+arrVZ[i].xiangmu_code+"</textarea>";
							str +="<textarea style="width: 100px;margin-left: 13px;" id="value" name="value">"+arrVZ[i].value+"</textarea>";
							str +="<textarea style="width: 120px;margin-left: 14px;" id="xiangmu_name" name="xiangmu_name">"+arrVZ[i].xiangmu_name+"</textarea>";
							str +="<textarea style="width: 310px; margin-left: 14px;" id="content" name="content">"+arrVZ[i].content+"</textarea>";
							str +="</div>";
							str +="<div >";
							str +=" <input type="button" onclick="delRow(this,"+arrVZ[i].id+")" value="删除" id="deleteXiangmu" name="deleteXiangmu" style="float: left; margin-left: 10px; margin-top: 5px;">";
							str +="</div>";
							str +="</div>";
							str +="</td>";						
							str +="</tr>";
							$("#tbody").html(str);
							
						}			
					});
				}
			});
}
前端页面展示:


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。