$.ajax 获取array数组 动态拼接控件
截取了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); } }); } }); }
前端页面展示:
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。