使用JavaScript在表中创建新行，使用innerHTML设置输入变量，但用户输入的值在提交时不会过帐
在使用JavaScript在表中创建新行时，可以使用innerHTML属性来设置输入变量，但是用户输入的值在提交时不会被保存的原因可能有多种。
一种可能的原因是没有正确处理表单的提交事件。在表单提交时，需要使用JavaScript监听表单的提交事件，并在事件处理程序中获取用户输入的值，并将其保存到服务器或其他持久化存储中。可以使用addEventListener方法来监听表单的提交事件，并在事件处理程序中执行保存操作。
另一种可能的原因是没有正确设置表单元素的name属性。在表单提交时，浏览器会将表单中所有具有name属性的表单元素的值一起提交到服务器。如果没有为输入元素设置name属性，那么用户输入的值就无法被提交保存。
此外，还需要确保表单的提交方式正确设置为POST或GET，并且目标URL正确指向服务器端的处理程序。
以下是一个示例代码，演示如何使用JavaScript在表中创建新行，并在提交时保存用户输入的值：
<!DOCTYPE html>
<html>
<head>
<title>表单示例</title>
</head>
<body>
<table id="myTable">
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td><input type="text" name="name"></td>
<td><input type="text" name="age"></td>
</tr>
</table>
<button onclick="addRow()">添加行</button>
<button onclick="submitForm()">提交</button>
<script>
function addRow() {
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "<input type='text' name='name'>";
cell2.innerHTML = "<input type='text' name='age'>";
}
function submitForm() {
var form = document.createElement("form");
form.method = "POST";
form.action = "save.php"; // 替换为服务器端保存数据的处理程序URL
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 1; i < rows.length; i++) {
var inputs = rows[i].getElementsByTagName("input");
for (var j = 0; j < inputs.length; j++) {
var input = inputs[j];
var name = input.name;
var value = input.value;
var hiddenField = document.createElement("input");
hiddenField.type = "hidden";
hiddenField.name = name;
hiddenField.value = value;
form.appendChild(hiddenField);
}
}
document.body.appendChild(form);
form.submit();
}
</script>
</body>
</html>在上述示例代码中，点击"添加行"按钮会在表格中添加一行，并在每个单元格中创建一个带有name属性的输入框。点击"提交"按钮会创建一个新的表单元素，将用户输入的值作为隐藏字段添加到表单中，并将表单提交到服务器端的处理程序（save.php）进行保存。
请注意，上述示例代码仅演示了如何使用JavaScript在表中创建新行并保存用户输入的值，实际应用中还需要根据具体需求进行适当的修改和完善。
相关·内容
我创建了一个表，如下所示： <form role="form" method="post" action="" enctype="multipart/form-data">
<table classjavascript函数，当点击一个按钮时，它会向表格中添加一个带有输入字段的新行。form-control' id=&
浏览 8提问于2019-01-09得票数 0
1回答
通过使用javascript，我动态地向表中添加了新行。但我不知道如何从PHP中动态创建的行中访问数据，以便将它们插入数据库。我在这里给出了html和java脚本，请帮助我编写PHP代码，从动态创建的表中提取数据。我可以使用DOM对象从静态表中提取数据。input type="submit"
浏览 1提问于2015-03-04得票数 0
我正在努力完成以下工作，但我对Javascript并不十分熟悉，所以我希望能为下面的问题获得一些好的建议和答案，因为我以前在这里的Javescript问题得到了很大的帮助。基本上，我有一个输入字段，用户将在其中输入一个值。输入该值后，我希望在用户向Ajax处理程序提交值之前，在div中向用户提供一些信息。我还希
浏览 2提问于2013-12-27得票数 1
回答已采纳
2回答
如何在html中保存日期
、、、
我正在试图计算两个日期之间的差异。尽管我成功地制作了一个JS函数来计算差异。但是它需要两个日期变量来计算差额。
我使用<input type="date">从用户那里输入数据。但现在我面临的问题是，如何将textbox(其中的日期)中的vale存储到一个变量中？是否有任何$_POST方法来获取存储在变量中的
浏览 2提问于2014-08-04得票数 0
回答已采纳
我有一个表，它的行数取决于微调器中的行数。这是可行的，例如，如果我在微调器中输入25，它将显示25行，如果我在微调器中输入7，则会通过$spinnerCount检索rows.This。问题是，每次我向表中提交一个问题(使用文本区域和提交按钮输入和提交问题)时
浏览 2提问于2011-11-29得票数 0
目的是在成功执行ajax之后将html隐藏输入字段的值设置为0。但读一下()，这是不可能的。
需要找到一些解决方案。在读取时，这是不起作用的，因为在设置ajax变量之前，脚本会遍历变量并到达ajax变量外部。我计划
浏览 4提问于2013-04-18得票数 0
回答已采纳
2回答
我是一个新的反应，并试图添加表行点击一个按钮。问题是输入标签中的值被添加到表中。但是在添加另一行时，这些值需要保持不变。只要我更改了输入中的值，相应的表行值也会随之更改。我希望表
浏览 29提问于2020-06-03得票数 0
3回答
目的是使用单击事件清除字段，该事件调用java脚本函数清除字段(this.id)，然后清除字段可以接收新值。当按下UPDATE按钮时，将使用新值更新数据库。清空字段功能清空字段成功，如何录入新值？<html> <script src="JavaScript/getVal.js" type="text/<
浏览 1提问于2016-10-03得票数 0
我试图使用JavaScript变量为java脚本中的隐藏字段赋值，并试图将其传递回控制器。每次在post方法中输入模型属性DBErrorID的值都是0。})
<input type="submit" value="Update" class="btn btn-success" onclick="GetValue()" &#x
浏览 2提问于2018-08-23得票数 2
2回答
在我的代码中，我接受用户输入，保存它们并将它们传递给API。然后我需要将这些用户输入输出到一个表中。每次用户按下按钮提交他们的数据时，我都需要添加一行新的用户输入。我已经阅读了在javascript中构建表</em
浏览 27提问于2020-01-17得票数 0
我有一个赋值，其中包含了php文件中的所有html。我要添加if语句，如果任何字段为空，并且在数字字段中输入负数，这些语句将生成错误消息。
这真的很简单，答案最好是简单的。没有数组之类的。只是直截了当的，如果/其他什么的。我也很肯定，这是非常明显和简单的事情，我只是没有得到；我是一个笨拙的程序员以外的SQL，充其量。您可以看到我试图让错误消息继续运行，这是我留下的，尽管它
浏览 0提问于2014-09-05得票数 0
回答已采纳
1回答
我正在开发一个Web来进行语义搜索，其中只有一个文本输入作为搜索框。典型的查询有：“100米以上的建筑物”。示例：我发现那里有成千上万的黑客来完成这个任务，但他们在某种程度上都很尴尬。我还是想让它感觉像个文本字段。我希望用户能够通过点击和使用键箭头来移动光标。在查询服务
浏览 4提问于2015-11-10得票数 1
我想限制用户在文本区域中输入10个字符，并在用户接近限制时通知用户。为此，我设置了文本区域的maxLength属性，并使用一些javascript在输入字符时更新标签。但是我的javascript没有正确地计算新行。或者至少它不会以与textarea元素相同的</em
浏览 2提问于2015-05-08得票数 2
2回答
因此，基本上我有一个表，当单击特定行上的“编辑”按钮时，用户应该可以选择编辑行中的任何列，然后通过POST提交更改。该表使用DB中的数据初始化如下： <tr> <form onsubmit="editBook()"
浏览 1提问于2020-03-01得票数 0
回答已采纳
1回答
问题:如何显式地获取要在SQL/Access链接表中显示的默认值？
在数据表视图中，默认值显式地显示该字段的预付款，而不是空白单元格。
浏览 5提问于2017-11-01得票数 1
我需要从修改后的java脚本值中传递变量，并将其传递给表输入查询。这是我的
如果我单击预览输出1 | a | null |3 | a | null |它不应该是null，而是在第三个字段上“测试”字符
浏览 3提问于2017-04-27得票数 1
回答已采纳
5回答
我有一个动态html表，我想使用POST方法从该表中检索数据。有可能做到这一点吗？你会推荐其他什么方法来实现这一点吗？下面是我得到的一个简单的例子： <form id="form1" method="post" action="process.php"> <tr>
浏览 1提问于2011-08-30得票数 1
回答已采纳
1回答
我使用Selenium 2.53与python 3.4和firefox 47一起进行自动化测试。当使用.send_keys (sendKeys in Java)时，当我不希望它提交时，它会自动提交表单。我要发送键的表单输入是： name="PostingTitle"
浏览 2提问于2016-09-17得票数 2
回答已采纳
我的页面上有一个隐藏的TextBox控件，它使用jQuery更新keyup事件上的span标记。当页面回发到服务器时，innerHTML属性为空。<script language="javascript" type="text/javascript">
$(d
浏览 2提问于2010-01-13得票数 1
回答已采纳
1回答
我的表格中有多行。该表具有行扩展标记，默认情况下该标记处于非展开模式。行扩展具有包含多个输入元素的面板，如redio按钮、文本字段。输入文件具有默认值。默认情况下，选择第一个redio按钮。现在，如果我提交包含行扩展为非展开模式的表的表单，表单将为那些输入元素(Redio按钮值为NULL而不是默认选择)提交<e
浏览 3提问于2021-01-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
