<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("异常!请重新尝试或者联系管理员!");
}
});
}