在原有的表格中,添加行与列

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>

<head>

<script src="<%=path%>/resources/admin/js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

function show(obj,valu){

obj.innerHTML = "<input type='text' name='name' value='"+ valu +"'>";

}

 

</script>

</head>

<body>

<input type="button" value="添加等级" id="zjdj">

<input type="button" value="添加结构" id="zjjg">

<form action="<%=path%>/admin/courseGrade/save" method="post">

<table border="1px" width="800px" id="course">

<tr id="ss">

<td id="mm">

等级\结构

</td>

<c:forEach items="${courseStructureList}" var="courseStructure">

<td onDblClick="show(this,'${courseStructure.name}')" id="jg">

<input type="hidden" name="id" value="courseStructure.id">

<input type="hidden" name="name" value="${courseStructure.name}">

${courseStructure.name}

</td>

</c:forEach>

</tr>

 

 

<c:forEach items="${courseKnowledgeBlockList}"

var="courseKnowledgeBlock" varStatus="s1">

<tr>

 

<c:forEach items="${courseGradeList}" var="courseGrade"

varStatus="status">

 

<c:if test="${s1.index==status.index}">

 

<td onDblClick="show(this,'${courseGrade.name}')" id="dj">

<input type="hidden" name="id" value="courseGrade.id">

<input type="hidden" name="name" value="${courseGrade.name}">

${courseGrade.name}

</td>

 

</c:if>

</c:forEach>

<c:forEach items="${courseKnowledgeBlock}" var="zhishikuai">

<td onDblClick="show(this,'${zhishikuai.name}')" id="zhishikuai">

<input type="hidden" name="id" value="zhishikuai.id">

<input type="hidden" name="name" value="${zhishikuai.name}">

${zhishikuai.name}

</td>

 

</c:forEach>

</tr>

</c:forEach>

</table>

</form>

</body>

<script type="text/javascript">

$("#zjdj").click(function(){

$("#course tr:last").after('<tr></tr>');

for(var a=0;a<$("tr:eq(0) td").length;a++) {

$("tr:last").append("<td ><input type='text' size='10'></td>")

}

});

$("#zjjg").click(function(){

$("#course tr").append("<td><input type='text' size='10'></td>")

});

</script>

</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值