如何创建和提交具有行跨度的动态表 - JQuery答案

【问题标题】：How to create and submit Dynamic table which has rowspan - JQuery如何创建和提交具有行跨度的动态表 - JQuery
【发布时间】：2020-05-06 04:08:45
【问题描述】：

我有一个网页，用户可以创建动态表，用户还可以添加组，并在组中添加流派并根据流派添加电影。我的数据示例如下：

my data

目前我只知道如何在单击按钮时创建动态行，我的 JQuery 脚本是：

   $(document).ready(function(){
     $("#my_button").click(function(){                                                     
         $("#my_table").append('<tr><td><input type='text'></td><td><input type='text'></td></tr>');
     });
   });

而我的 HTML 代码是一个简单的表格，最后有一个按钮：

<table class="my_table" id="my_table">
  <tr><td>Movie Name</td><td>IMBD</td></tr>
</table>

<button id="my_button">Add row</button>

所以我接下来的步骤是，添加一个显示“添加流派”的按钮，该按钮应添加一行并将父 "Group 1" 行的行跨度更改为行跨度++

我该怎么做？

在此之后，一旦我拥有创建动态表的所有功能，我想提交数据并将其存储在 MySql 数据库中，为了创建 SQL 查询，我需要知道 rowspan 值是多少组和类型，所以我的下一个问题是，如何在表单帖子中发送 rowspan 的值？

另外，之所以对我的思路给出如此详细的解释，是因为如果你认为有更简单的解决方案可以解决问题，那么欢迎你提出建议:)

【问题讨论】：

标签： jquery html

【解决方案1】：

你可以这样做：

$(document).ready(function(){
     $("#my_button").click(function(){                                                 
         $("#my_table").append('<tr><td><input type="text"></td><td><input type="text"></td></tr>');
     });
   });

在您的代码中，您必须将 html 标记保留在 " 中，而不是 html 标记属性中的 ' 中。编写 html 标签属性，如 type="text" .

【讨论】：