使用.innerHTML重新加载后将表单ID的输出值保留在页面上
使用.innerHTML重新加载后，表单ID的输出值不会保留在页面上。innerHTML是一个属性，用于获取或设置指定元素的HTML内容。当使用innerHTML重新加载页面时，页面会被重新渲染，原有的内容会被替换掉。
要保留表单ID的输出值在页面上，可以使用其他方法来实现，例如使用JavaScript来处理表单提交和重新加载的逻辑。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>保留表单ID的输出值</title>
</head>
<body>
<form id="myForm">
<input type="text" id="inputField" value="">
<button type="button" onclick="submitForm()">提交</button>
</form>
<div id="output"></div>
<script>
function submitForm() {
var inputField = document.getElementById("inputField");
var outputDiv = document.getElementById("output");
var value = inputField.value;
// 处理表单提交逻辑，例如发送到服务器进行处理
// 更新输出值
outputDiv.innerHTML = "表单ID的输出值：" + value;
}
</script>
</body>
</html>在上述示例中，我们通过JavaScript获取表单输入框的值，并在点击提交按钮时更新输出值。这样即使重新加载页面，输出值也会被保留在页面上。
请注意，以上示例仅为演示目的，实际应用中可能需要根据具体需求进行适当的修改和扩展。
相关·内容
我有一个搜索表单，单击提交按钮，它会在下面显示表单值。代码如下： <input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id="submitSearch" value="Sub
浏览 1提问于2017-01-10得票数 0
是否有一种方法可以在页上保留表单元素的值而无需在页面上使用data-dom-cache。例如：我有一个表单，用户在表单(Page1)中输入安全数据，然后导航到另一个页面(Page2-表单继续)，然后单击“提交”按钮将请求发送到服务器。如果请求失败，并且用户导航回第1页，则用户输入的值将保留在页面上。
如果请
浏览 1提问于2014-09-11得票数 0
我正在使用jquery.form.js插件，我的表单工作正常，除了表单在提交后没有重新加载。表单需要永久保留在页面上，但需要在表单提交后更新这些值。这是我的代码： $('#perso
浏览 6提问于2011-09-20得票数 0
3回答
我使用POST方法保存表单中的数据。在保存数据，重新加载页面后，我想在页面中显示一个隐藏的div。onsubmit="showHide(this); return false;" 有什么想法吗？LE：
更复杂的是:触发页面重新加载的表单位于我想要重新显示的div上。最初，我
浏览 2提问于2012-11-19得票数 0
回答已采纳
3回答
我正在用PHP创建一个多页表单。 document.getElementById('wrapper').innerHTML += '<input type="text"><br><br>';
}由于它是一个多页表单，用户可以选择返回到以前的页面。问题是，一旦页面被<
浏览 0提问于2013-11-24得票数 1
回答已采纳
1回答
表单成功信息在提交后消失
、、、
因此，在您提交表单之后，成功的msg就会出现在底部，然后消失。我如何阻止成功信息消失，并请解释是什么原因，我正在学习JavaScript，我想要简单的解释，请！PS:我想出了一种方法，使msg在提交后，返回false语句，但是我担心这会阻止表单提交吗？
浏览 4提问于2017-01-07得票数 0
回答已采纳
1回答
PHP：我的意思是，我想从结帐页面隐藏字段中隐藏购物车数据和商品价格，因为它可以通过Inspect元素编辑(例如。Firebug..)。而不是我只想显示项目和价格(而不是原始的PayPal表单)，并在单击提交重定向页面时直接转到PayPal。提前谢谢你。
浏览 0提问于2013-12-07得票数 0
我目前有一个带有表单的JSP页面。
在提交此表单时，我希望在提交表单之前使用用户输入值填充表单，从而重新加载相同的页面。然后，搜索结果将在页面上输出。我已经成功地将搜索结果输出到页面上，但想要一些关于如何在页面重新加载时保持表单元素中的输入值</em
浏览 0提问于2013-05-15得票数 1
回答已采纳
我试图在点击submit按钮后将先前提交的值保留在屏幕上。例如，如果输入Apple并按submit，就会出现Apple。但是，如果输入Banana，Apple将消失并被Banana替换。在我提交Apple后，是否有办法将Banana保留在页面上？这是我正在使用的HTML/JavaScript。 var messag
浏览 0提问于2017-03-26得票数 0
回答已采纳
在Coldfusion中，使用cffile上载时，当使用浏览按钮选择文件时，所选文件的名称将显示在按钮旁边。到现在为止还好。当我提交要上传的文件时，文本更改回“未选择文件”。这无疑是因为我们正在提交一个表单。 <&
浏览 3提问于2021-02-05得票数 0
1回答
我正在尝试将一个表单作为POST请求提交到一个没有API的站点，其中包含预加载数据。我将表单封装在一个iframe元素中，希望将其隔离。但是，该页面仍会更改为操作页面。一些类似问题的答案建议将响应的Content-Type设置为text/plain，以强制浏览器将其视为文档而不是文件。但是，请注意，我没有访问另一端的权限。
浏览 0提问于2011-08-22得票数 1
回答已采纳
2回答
我试图创建一个更新表单，用户选择一个ID，然后表单的其余部分自动填充相应的数据到该ID，这将使更新变得非常简单，显然我必须使用AJAX，但我真的需要在PHP中编写完整的表单代码并在一个语句中返回它，然后在一个innerHTML中分配它吗？是否有可能以javascript的形式运行来自php文件的任何返回，这样我就可以编写一个迷你脚本来设置每个元素的inne
浏览 1提问于2015-01-30得票数 1
回答已采纳
我在下面的代码中验证每个字段是否为空，问题是当每个字段都填满时，我必须按两次submit才能提交表单。 <form method ="post" <?php
if(!
浏览 0提问于2012-05-21得票数 0
回答已采纳
1回答
我试图找到最简单的，非专家编码器解决方案，以显示一个搜索查询。<input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id=&q
浏览 3提问于2017-01-10得票数 0
我们正在使用Laravel，我们在"/“上有一张表格，表单是通过模式窗口出现的脚本，一旦我们发布它使用路由的表单：和功能{
return view('
浏览 4提问于2017-04-06得票数 1
回答已采纳
1回答
窗体未更新
、、
我在Lotus中使用了一个web表单，它是一个从服务器加载到Notes日历中的ASP页面。它使用嵌入式浏览器加载到表单中。我们更新它上的一些字段，然后使用它的数据作为电子邮件发送。每当某些表单字段被更新时，它们就会在窗体的持续时间内出现，而不是在重新打开表单时出现。如果我更新表单并发送电子邮件，它是好的。如果然
浏览 1提问于2011-03-21得票数 0
回答已采纳
在我正在开发的一个应用程序中，在页面加载时，我设置了innerhtml，页面显示正确。我在我的页面上有一个单选按钮，点击后，innerhtml就会改变。对innerhtml的新更改不会显示在页面上。我知道由于设置跟踪点和调试，我的新innerhtml正在更改，但旧值仍然保留在我的表中。是否需要调用某些内容才能刷新新的</
浏览 2提问于2011-12-17得票数 0
回答已采纳
1回答
因此，我试图通过单击相同的按钮来禁用整个页面和每一页上的某个按钮。这意味着用户只能使用一次。现在它似乎不起作用了:/我尝试创建一个变量，并使这个变量出现在$SESSION的每一个页面上，如果变量不等于“”，它将禁用按钮，但它不能工作。该按钮位于页A上，当用户重新加载页/提交表单时，需要在页面A上禁用该按钮。我的代码：<?
浏览 3提问于2017-03-19得票数 1
回答已采纳
我有一个页面，它包含同一个引力形式的多个实例，简短的代码(具有不同的变量参数)在一个轻型框中打开。每个表单都被传递变量，因此通知、电子邮件和其他默认值是不同的，即使表单是相同的。我希望用户能够提交表单的一个实例。(将指向一封电子邮件)，然后提交表单的不同实例(该实例将指向不同的电子邮件地址)。
我提到的所有项目
浏览 4提问于2014-10-02得票数 2
回答已采纳
1回答
我有一个包含以下代码的搜索表单：PHP代码在同一页面上提供搜索结果的触发条件是：我也有javascript在这个页面上运行的页面加载(使用addEve
浏览 9提问于2020-03-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
