Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在表中动态添加行_Javascript_Html - Fatal编程技术网

Javascript 如何在表中动态添加行

Javascript 如何在表中动态添加行,javascript,html,Javascript,Html,如何使用javascript修改代码以在表中动态添加行? 这是我现有的代码,具有其他功能。需要表格下方的一个按钮来添加行。我不需要一个弹出窗口,它会告诉你要添加多少行。每一次点击都会增加一行 Javascript HTML 操作员ID 地位 名字 姓 电子邮件 角色 全选 测试1 活跃的 wsrc wsrc aa@aa.com SE管理员 测试2 不活跃的 EAI 子系统 aa@aa.com 美国石油学会 测试3 不活跃的 催款 门户 aa@aa.com 美国石油学会 您可以为要添加的行创建

如何使用javascript修改代码以在表中动态添加行? 这是我现有的代码,具有其他功能。需要表格下方的一个按钮来添加行。我不需要一个弹出窗口,它会告诉你要添加多少行。每一次点击都会增加一行

Javascript HTML

操作员ID
地位
名字
姓
电子邮件
角色
全选

测试1 活跃的 wsrc wsrc aa@aa.com SE管理员 测试2 不活跃的 EAI 子系统 aa@aa.com 美国石油学会 测试3 不活跃的 催款 门户 aa@aa.com 美国石油学会
您可以为要添加的行创建一个html模板,并在单击按钮时附加该html。
例如,要添加的行包含两列,看起来像这样:

<tr>
    <td>Test</td>
    <td>Active</td>
</tr>

可以使用类似的方法来完成所需的任务。

您可以为要添加的行创建一个模板html,并在单击按钮时附加该html。
例如,要添加的行包含两列,看起来像这样:

<tr>
    <td>Test</td>
    <td>Active</td>
</tr>

可以使用类似的方法来完成您想要的任务。

什么是
checkAllRev()
,以及
按钮应该在哪里?请忽略
checkAllRev()
。“添加”按钮可以位于表的底部(表外),那么您到底想向表中添加什么?请花点时间明确你的问题,最终对每个人来说都会更快。(如果感觉我在打扰您,我很抱歉,但到目前为止,除了动态添加行之外,我几乎不知道您想要什么;这对您的请求没有足够的解释。)给定已经包含三行的代码,我希望通过单击“添加另一行”按钮(只说“添加”按钮)添加任意多的行。当前,如果单击任何行文本,您将获得要编辑的行。因此,我有编辑功能,但没有表中新添加行的功能。因此,您只想添加一个空行单元格?什么是
checkAllRev()
,以及
按钮应该在哪里?请忽略
checkAllRev()
。“添加”按钮可以位于表的底部(表外),那么您到底想向表中添加什么?请花点时间明确你的问题,最终对每个人来说都会更快。(如果感觉我在打扰您,我很抱歉,但到目前为止,除了动态添加行之外,我几乎不知道您想要什么;这对您的请求没有足够的解释。)给定已经包含三行的代码,我希望通过单击“添加另一行”按钮(只说“添加”按钮)添加任意多的行。当前,如果单击任何行文本,您将获得要编辑的行。因此,我获得了编辑功能,但没有表中新添加行的功能。因此,您只想添加一个空单元格行?我没有接受此答案,因为它没有提供所需的输出。是否有其他方法可以动态添加行?我没有接受这个答案,因为它没有提供所需的输出。是否有其他方法可以动态添加行?
<tr>
    <td>Test</td>
    <td>Active</td>
</tr>
var template = "<tr><td>Test</td><td>Active</td></tr>";
$("tbody").append(template);