<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("異常!請重新嘗試或者聯系管理員!");
}
});
}