<table> <thead> <tr> <th>序号</th> <th>评分项</th> <th>评价项说明</th> <th>填报结果</th> </tr> </thead> <c:forEach items="${detailsList}" var="item" varStatus="status" > <tr id ="item${status.index+1}" class="allocation" num="${status.index+1}"> <td> <input type="text" name="id[${status.index }]" value="${item.id}"/> </td> <td > <select name="auditStandard[${status.index }]" class="auditStandard" onchange="chgEveluationDetail('${status.index }'); " > <c:forEach items="${item.standardList}" var="st"> <option value="${st.sortStandard}" <c:choose> <c:when test="${empty item.auditStandard && item.scoringStandard eq st.sortStandard}"> selected='true' </c:when> <c:otherwise> <c:if test="${not empty item.auditStandard && item.auditStandard eq st.sortStandard}" > selected='true' </c:if> </c:otherwise> </c:choose> number="${st.score}">${st.sort}、${st.standard}</option> </c:forEach> </select> </td> <td> <input type="text" name="modifyReason[${status.index }]" value="${item.modifyReason}" id="modifyReason" /> </td> <td> <input type="hidden" name="gist[${status.index }]" value="${item.gist}" >
<input type="file" name="photos[${status.index }]" multiple="multiple" onchange="changeUpload('${status.index }');" /> <c:forEach var="str" items="${item.gist}" > <c:if test="${str !=''}"> ${fn:split(str,"/")[fn:length(fn:split(str,"/"))-1]}<br> </c:if> </c:forEach> </td> <td class= "score">
<input name="ext5[${status.index }]" value="${item.score}" readonly="readonly"/>
</td> </tr> </c:forEach> </table>
首先,这是我的一个表格,因为后面需要把表格里的内容提交到后台接口,所以需要有一个保存按钮,在这里保存按钮省略了。
点击保存按钮后,会掉一个保存的方法
function save(){ var $elements = $(".allocation"); var len = $elements.length; var formList = {}; //定义数组 for(var i=0; i<len ;i++){ var num = $($elements[i]).attr("num"); var tLearnItem = "LearnItem" + num; var tr = $("#"+tLearnItem); var formJSON = {}; var auditStandard = $("select[name='auditStandard["+i+"]']").find("option:selected").val(); formJSON.auditStandard = auditStandard; var modifyReason = $("input[name='modifyReason["+i+"]']").val(); formJSON.modifyReason = modifyReason; var gist = $("input[name='gist["+i+"]']").val(); if(modifyReason==null ||modifyReason==''){ var scoringStandard = $("input[name='scoringStandard["+i+"]']").val(); if(scoringStandard != auditStandard){ $("input[name='modifyReason["+i+"]']").tips({ side:3, msg:'修改原因必填', bg:'#AE81FF', time:2 }); $("#"+modifyReason).focus(); return false; } } if(gist==null ||gist==''){ var scoringStandard = $("input[name='scoringStandard["+i+"]']").val(); if(scoringStandard != auditStandard){ $("input[name='gist["+i+"]']").tips({ side:3, msg:'修改依据必填', bg:'#AE81FF', time:2, x:800px; }); $("#"+modifyReason).focus(); return false; } } formJSON.gist = gist; var ext5 = $("input[name='ext5["+i+"]']").val(); formJSON.ext5 = ext5; var id = $("input[name='id["+i+"]']").val(); formJSON.id = id; var tbSupplierEvaluationId = $("input[name='tbSupplierEvaluationId["+i+"]']").val(); formJSON.tbSupplierEvaluationId = tbSupplierEvaluationId; formList[i] =formJSON; } var aaStr = JSON.stringify(formList); $.ajax({ url: "请求路径",// 跳转到 action data:{'evaluationDetailsJson':aaStr}, dataType:'json', type:'post', success:function(data) { if(data.state == "200"){ alert("添加成功"); $("#zhongxin").hide(); top.Dialog.close(); }else{ alert(data.msg); } }, error : function() { alert("异常!请重新尝试或者联系管理员!"); } }); }