JavaScript动态添加表格功能
JS 动态增加 table 的功能，真的是前端里挺常见也挺实用的一个小技能。尤其在 JSP 页面里，多时候你得让用户自己添加一堆表格行，比如填奖品信息什么的，这时候动态添加表格就派上用场了。
addMedalsSet()是这段代码的主角，它接收两个参数，一个是目标表格的 ID（targetdl），另一个是源表格的 ID（sourceDiv）。它会把源表格的每一行用cloneNode(true)拷一份，扔到目标表格里，整个过程就是一顿appendChild()操作，响应也快，代码也简单。
表格是标准的 另外，这段代码其实不是单打独斗，它配合 JSP 里的 EL 表达式，比如 除了表格，还有些输入框，比如 ，页面上还有个 如果你做的是带表格录入的管理类页面，是 JSP 那一挂的，这段 JS 你肯定用得上。哦对了，下面几个文章链接也挺有的，想扩展下思路可以看看。结构，JS 里用 document.getElementById()获取元素，再通过tBodies[0]来访问第一个，这点要注意下，不然找不到正确的行。
${ctx}，还有像<input type="text" name="prizeName" size="20" maxlength="50">，还有下拉框<select>，都能跟着动态行一起复制过去，挺方便的。getMedalsGroup()函数，虽然你在代码里没看到细节，但估计是用来奖牌组的值的，比如你选了某个奖牌，就要根据这个来判断能不能添加，挺常见的逻辑。
文件大小：132KB
评论区