今天谈需求的时候发现了个没有碰到的问题，一个关于动态生成表格和提交表格数据的问题？
下表中的考评项目为可变（在数据库中可添加修改记录，若再加个项目d ,就有四行了），权重分也可变（三个保证权重分100%），部门也为可变，现在问题来了，这个表格要通过java 动态生成，还有就是下面的空格中为文本域要填写数值，这个又要怎么提交啊，不会是每个文本域都要设置字段名吧？都不知道要怎么设计？（整个表格需要提交后保存数据）
|
考评项目
|
权重（100%）
|
考核分值
|
|
部
门
1
|
部
门
2
|
部
门
3
|
部
门
4
|
部
门
5
|
部
门
6
|
部
门
7
|
|
|
项目a
|
40%
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
|
|
项目b
|
30%
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
|
|
项目c
|
30%
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
文本域
|
|
|
合计
|
|
|
|
|
|
|
|
|
分享到：
相关推荐
在本文中，我们将探讨如何使用JavaScript（JS）动态生成表格，并将表格中的数据提交到后端服务器。动态生成表格是Web开发中常见的需求，特别是在需要用户输入数据并提交给服务器进行处理的场景中。掌握这一技能对于...
用C#编程实现绘制Excel表格并填充数据和公式，生成表格或报表。 不是服务器端自动化。 使用的是PageOffice，除了提供Word/Excel动态数据填充，格式控制，Word/Excel用户输入提交，Word/Excel/PowerPoint/WPS等...
VUE动态生成Word文档的实现是一个涉及前端技术与文档处理技术的复杂过程，适用于Web开发领域中对文档生成功能的需求。通过使用Vue.js框架，开发者可以利用其响应式和组件化的特点，轻松构建出动态的用户界面。结合...
在ASP源码中，"动态表格生成数据管理系统"通常指的是一个可以自定义生成表格结构并处理后台数据的Web应用程序。这个系统允许用户根据需求动态地创建表格布局，展示和管理数据库中的数据。 在v2022.03版本中，我们...
总的来说，AngularJS通过其强大的数据绑定和指令系统，使得动态生成表格变得非常直观和灵活。在这个例子中，后端人员利用AngularJS实现了动态表格，尽管可能还有改进的空间，但已经能够满足基本的需求。如果你在实际...
在实际应用中，开发者会根据需求组合这些参数和类型，利用JavaScript动态生成和操作DOM元素，实现动态表格的功能。这包括添加、删除、修改表格行或列，以及处理用户输入的数据验证和交互逻辑。通过熟练掌握这些概念...
3. **动态表格生成**：实例中可能会使用jQuery动态创建表格元素，包括`<tr>`（行）、`<td>`（单元格）等，以及根据用户选择动态添加或删除行。 4. **Ajax交互**：如果项目需要与服务器进行数据交换，jQuery的`$....
它的功能包括但不限于：JSON数据的表格化展示、表格数据的编辑与合并、数据的回写与序列化，以及基于模板的自定义表格生成。利用jQuery和HTML技术，它提供了一种直观、易用的方式，帮助用户高效地管理和操作数据。...
Java编程调用PageOffice实现从空白的excel文件动态生成excel表格，设置公式并填充数据。 集成PageOffice不但能够实现在线编辑、保存真正的Office文档，而且还可以轻松实现Word、Excel文档的动态数据填充、格式控制和...
在前端开发中，动态生成表单是一个常见的需求，特别是在数据录入、编辑或验证场景下。本教程将聚焦于如何利用jQuery和layui库来实现这样的功能。jQuery是一个强大的JavaScript库，它简化了DOM操作，事件处理，动画...
总结来说，这个示例展示了如何使用JavaScript在前端动态添加表格行，以及如何通过表单提交这些数据到服务器。虽然例子使用的是较旧的技术（如IE6和ASP），但基本的JavaScript逻辑仍然适用于现代Web开发。在现代Web...
当用户选择并提交文件后，JavaScript可以通过监听`change`事件获取到文件对象，然后遍历这些对象，生成对应的表格行，包括文件名、大小、类型等信息。 例如，可以创建一个空的表格，并在每次文件选择后向表格添加新...
"根据配置动态生成有验证的表单"这一技术主题，结合使用了iview框架和async-validator库，旨在创建灵活、可配置的表单验证解决方案。 **1. iview框架** iview是一个基于Vue.js的UI组件库，提供了丰富的前端组件，...
5. **响应式设计**：对于移动设备的兼容性，确保表格在不同屏幕尺寸下表现良好，可以使用CSS框架（如Bootstrap）或自定义媒体查询。 6. **验证和错误处理**：添加数据前进行验证，防止无效输入，同时处理可能出现的...
对于"动态增删表格"，我们可以创建一个基础表格结构，然后利用jQuery动态生成或移除表格行（tr）。例如，当用户点击添加按钮时，我们可以创建一个新的tr元素，包含预定义的列结构，然后用.append()将其插入到表格中...
### jQuery+ajax实现动态添加表格tr td功能 在进行Web开发时，我们经常需要动态地从服务器获取数据，并将这些数据展示在网页上。表格是展示这些数据的一种常见形式。本文将详细解析使用jQuery和ajax技术来实现动态...
### JS动态生成文本框并实现删除功能的知识点 在现代Web开发中，动态地操作DOM（文档...通过以上步骤，我们可以实现一个动态的文本框生成与删除的功能。这种方式不仅增强了用户体验，也为Web应用提供了更多的灵活性。
外层循环结束后，输出表格的结束标签`</table>`，至此，整个表格生成过程完成。 最后，我们需要在本地环境中测试这个功能。启动Apache服务器，然后在浏览器中访问PHP文件的URL。这将显示一个带有输入框的简单页面，...
这一技术使得开发者能够根据需要在运行时自动生成表格元素，如`<table>`、`<tr>`（表格行）、`<td>`（表格数据单元格）以及与表格相关的其他输入控件，例如`<input type="file">`（文件上传）和`<input type="text">...