当前页面增，删，改和三级级联对应数据增加

最新推荐文章于 2021-03-06 03:17:16 发布

qq_29170981

最新推荐文章于 2021-03-06 03:17:16 发布

阅读量449

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_29170981/article/details/79031544

本文介绍了一个项目评估系统的操作流程，包括项目的增加、修改、删除等功能，并提供了详细的表单交互和数据验证说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当前页面增，删，改

<FORM style="MARGIN-TOP: 0px" name="frmmain" id="frmmain" method="post" action="dataManipulation.jsp">
<input type="hidden" name="xmmc" id="xmmc" value="" />
<input type="hidden" name="fs" id="fs" value="" />
<input type="hidden" name="xsxx" id="xsxx" value="" />

<input type="hidden" name="type" id="type" value="" />

<input type="hidden" name="backPage" id="backPage" value=""/>

<input name="id" type="hidden" value="<%=id %>" />

<input name="xmid" type="hidden" value="" />
</FORM>
<table style="width: 100%" id="table" class="ListStyle" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr class="HeaderForXtalbe">
<th style="width: 50%" align="center">项目名称</th>
<th style="width: 20%" align="center">分数</th>
<th style="width: 10%" align="center">显示顺序</th>
<th style="width: 10%" align="center"> </th>
<th style="width: 10%" align="center"> </th>
</tr>
</thead>
<tbody>
<%
    String sqlStr=" select id,project_mainid,project_name,project_scores,project_SHOWORDER from ww_mt_project where project_mainid="+id+" order by project_SHOWORDER ";
   rs.executeSql(sqlStr);
    while(rs.next()){
    String indexId = rs.getString("id");
    String xmmc= rs.getString("project_name");
    String fs= rs.getString("project_scores");
    String xsxx= rs.getString("project_SHOWORDER");
    %>
<tr class="DataDark">
<td align="center" class="divTd" id="xmmc_<%=indexId %>"><a href="indexListIframe.jsp?id=<%=indexId %>&mainid=<%=id%>" target="_self">
<%=xmmc %></a>
</td>
<td align="center" class="divTd" id="fs_<%=indexId %>">
<%=fs%>
</td>
<td align="center" class="divTd" id="xsxx_<%=indexId %>">
<%=xsxx%>
</td>
<td align="center" class="divTd" id="edit_<%=indexId %>">
   <img src="/images/sucheck_edit.gif" onclick="javascript:edit('<%=indexId %>','<%=xmmc %>','<%=fs %>','<%=xsxx %>')" title="编辑">  
   </td>
   <td align="center">
   <img src="/images/delete_showmsg.gif" onclick="javascript:del('<%=indexId %>')" title="删除"></td>
   </td>
</tr>
   <%} %>
<tr class="DataDark">
<td align="left">
<input style="width: 80%" type="text" name="addxmmc" id="addxmmc" onchange="checkinput('addxmmc','addxmmc_orgimage')" />
<SPAN style="width: 20%" id=addxmmc_orgimage><IMG src='/images/BacoError_wev8.gif' align=absMiddle></SPAN>
</td>
<td align="left">
<input style="width: 80%" type="text" name="addfs" id="addfs" onchange="checkinput('addfs','addfs_orgimage')" />
<SPAN style="width: 20%" id=addfs_orgimage><IMG src='/images/BacoError_wev8.gif' align=absMiddle></SPAN>
</td>
<td align="left">
<input style="width: 80%" type="text" name="addxsxx" id="addxsxx" onchange="checkinput('addxsxx','addxsxx_orgimage')"/>
<SPAN style="width: 20%" id=addxsxx_orgimage><IMG src='/images/BacoError_wev8.gif' align=absMiddle></SPAN>
</td>
<td align="left">
<img src="/images/sucheck_add.gif" onclick="javascript:add()" title="增加">
</td>
<td align="left">
</td>
</tr>
</tbody>
</body>
<script type="text/javascript">
//新增
function add(){
    if($GetEle("addxmmc").value == ""){
       window.top.Dialog.alert("请输入项目名称！");
       $GetEle("addxmmc").focus();
       return;
   }
   if($GetEle("addfs").value == ""){
       window.top.Dialog.alert("请输入分数！");
       $GetEle("addfs").focus();
       return;
   }
   if($GetEle("addxsxx").value == ""){
       window.top.Dialog.alert("请输入显示顺序！");
       $GetEle("addxsxx").focus();
       return;
   }
   $GetEle("xmmc").value=$GetEle("addxmmc").value;
   $GetEle("fs").value=$GetEle("addfs").value;
   $GetEle("xsxx").value=$GetEle("addxsxx").value;
   $GetEle("type").value="add";
   $GetEle("backPage").value="/wantwe/shx/supplierAssessment/projectIndexListIframe.jsp?id=<%=id%>";
   frmmain.submit();
}
//删除
function del(id){
    $GetEle("type").value="delete";
    $GetEle("xmid").value=id;
   $GetEle("backPage").value="/wantwe/shx/supplierAssessment/projectIndexListIframe.jsp?id=<%=id%>";
   frmmain.submit();
}
//编辑
function edit(id,name,score,showid){
   $GetEle("xmmc_"+id).innerHTML="<input style='width:80%' type='text' name='edit_name_"+id+"' id='edit_name_"+id+"' value='"+name+"' >";
   $GetEle("fs_"+id).innerHTML="<input style='width: 80%' type='text' name='edit_scroe_"+id+"' id='edit_scroe_"+id+"' value='"+score+"' >";
   $GetEle("xsxx_"+id).innerHTML="<input style='width: 80%' type='text' name='edit_showid_"+id+"' id='edit_showid_"+id+"' value='"+showid+"' >";
   $GetEle("edit_"+id).innerHTML="<img src='/images/sucheck_save.gif' onclick=\"javascript:save('"+id+"')\" title=\"保存\">      "+
   "<img src='/images/sucheck_upcancel.gif' onclick=\"javascript:unsave('"+id+"','"+name+"','"+score+"','"+showid+"')\" title=\"取消\">";
}
//取消
function unsave(itemid,itemname,itemscore,itemshowid){
    $GetEle("xmmc_"+itemid).innerHTML="<a href=indexListIframe.jsp?id="+itemid+"&mainid=<%=id%> target=_self>"+itemname+"</a>";
   $GetEle("fs_"+itemid).innerHTML=itemscore;
   $GetEle("xsxx_"+itemid).innerHTML=itemshowid;
   $GetEle("edit_"+itemid).innerHTML="<img src=\"/images/sucheck_edit.gif\" style=\"cursor:hand\" onclick=\"javascript:edit('"+itemid+"','"+itemname+"','"+itemscore+"','"+itemshowid+"')\" title=\"编辑\">";

}
//保存
function save(id){
    if($GetEle("edit_name_"+id).value==""){
       alert("请输入项目名称！");
       $GetEle("edit_name_"+id).focus();
       return;
   }
   if($GetEle("edit_scroe_"+id).value==""){
       alert("请输入分数！");
       $GetEle("edit_scroe_"+id).focus();
       return;
   }
   if($GetEle("edit_showid_"+id).value==""){
       alert("请输入显示顺序！");
       $GetEle("edit_showid_"+id).focus();
       return;
   }
   $GetEle("type").value="save";
   $GetEle("xmid").value=id;
   $GetEle("xmmc").value=$GetEle("edit_name_"+id).value;
   $GetEle("fs").value=$GetEle("edit_scroe_"+id).value;
   $GetEle("xsxx").value=$GetEle("edit_showid_"+id).value;
   $GetEle("backPage").value="/wantwe/shx/supplierAssessment/projectIndexListIframe.jsp?id=<%=id%>";
   frmmain.submit();
}
</script>

三级级联对应数据增加

<FORM id=weaver name=weaver action="checkScoreIframe.jsp" method=get>
<input type="hidden" name="type" value="">
<input type="hidden" name="checkfb" value="">
<input type="hidden" name="id" value="<%=id%>">
</FORM>
<table style="width: 100%" id="table" class="ListStyle" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr class="HeaderForXtalbe">
<th style="width: 5%" align="center">序号</th>
<th style="width: 10%" align="center">项目名称</th>
<th style="width: 10%" align="center">考核内容</th>
<th style="width: 30%" align="center">评分标准</th>
<th style="width: 10%" align="center">参考分值</th>
<th style="width: 5%" align="center">得分</th>
<th style="width: 30%" align="center">备注</th>
</tr>
</thead>
<tbody>
<%
//调取模板项目
List<String> items = this.queryItems(serviceid);
for(int i=0;i<items.size();i++){
       String item = items.get(i);
       String[] iArr = item.split(",");
       String itemId = iArr[0];//项目id
       String itemName = iArr[1];//项目名称
//调取模板指标
List<String> indexs = this.queryIndexs(itemId);
       int indexLen = indexs.size();
    %>
<tr>
<td rowspan="<%=indexLen %>"><%=(i+1)%></td>
<td rowspan="<%=indexLen %>"><%=itemName %></td>
   <% for(int j=0;j<indexs.size();j++){
       String index = indexs.get(j);
       String[] _iArr = index.split(",");
       String indexId = _iArr[0];
       String INDEXNAME = _iArr[1];
       String indexdesc = _iArr[2];
       String MINSCORES = _iArr[3];
       String MAXSCORES = _iArr[4];
       String scores="";
       String remark="";
      if(num>0){
       rs.executeSql("select a.scores,a.remark from ww_mt_servicescore a where a.partid="+id+"and a.scoreid="+indexId);
       if(rs.next()){
          scores=rs.getString("scores");
          remark=rs.getString("remark");
         }
       }
   %>
   <script type="text/javascript">
   indexsArr.push("<%=indexId%>");
   </script>
   <td id=<%=indexId %>><%=INDEXNAME %></td>
   <td id=<%=indexId %>><%=indexdesc %></td>
   <td id=<%=indexId %>><%=MINSCORES+"~"+MAXSCORES %></td>
   <%if(num>0){ %>
      <td>
   <input type="text" name="score_<%=indexId%>" id="score_<%=indexId%>" value="<%=scores %>" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
      </td><td>
   <input type="text" name="remark_<%=indexId%>" id="remark_<%=indexId%>" value="<%=remark %>" style="width:100%" >
   </td>
   <%}else{ %>
   <td>
   <input type="text" name="score_<%=indexId%>" id="score_<%=indexId%>" value=" " onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
      </td>
   <td>
   <input type="text" name="remark_<%=indexId%>" id="remark_<%=indexId%>" value="" style="width:100%" >
   </td>
   <%} %>
   </tr>
   <%} %>
<% }%>
</tbody>
</table>
<script type="text/javascript">
var indexsArr =[];
//提交
function check(){
   var checkScore= "";
   for(var i=0;i<indexsArr.length;i++){
       var inid = indexsArr[i];
        var score = $GetEle("score_"+inid).value;
       var remark = $GetEle("remark_"+inid).value;
       if(score==""||score==null){
       window.top.Dialog.alert("请输入评分!");
       return;
           }
       checkScore+="'"+inid+"','"+score+"','"+remark+"':";
       }
       $GetEle("checkfb").value=checkScore;
       $GetEle("type").value="score";
       weaver.submit();
   }
</script>