使用.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获取表单输入框的值，并在点击提交按钮时更新输出值。这样即使重新加载页面，输出值也会被保留在页面上。

请注意，以上示例仅为演示目的，实际应用中可能需要根据具体需求进行适当的修改和扩展。

页面内容是否对你有帮助？

有帮助

没帮助

使用.innerHTML重新加载后将表单ID的输出值保留在页面上

javascript、php、jquery、html、forms

我有一个搜索表单，单击提交按钮，它会在下面显示表单值。代码如下： <input type="text" name="searchfield" id="searchfield" value="" /> <input type="submit" name="submit" id="submitSearch" value="Sub

浏览 1提问于2017-01-10得票数 0

1回答

如何在不使用数据dom-cache的情况下保留jquery移动页的状态？

jquery-mobile、dom、caching、state、retain

是否有一种方法可以在页上保留表单元素的值而无需在页面上使用data-dom-cache。例如：我有一个表单，用户在表单(Page1)中输入安全数据，然后导航到另一个页面(Page2-表单继续)，然后单击“提交”按钮将请求发送到服务器。如果请求失败，并且用户导航回第1页，则用户输入的值将保留在页面上。如果请

浏览 1提问于2014-09-11得票数 0

2回答

jquery.form.js需要表单在提交后刷新自身

jquery

我正在使用jquery.form.js插件，我的表单工作正常，除了表单在提交后没有重新加载。表单需要永久保留在页面上，但需要在表单提交后更新这些值。这是我的代码： $('#perso

浏览 6提问于2011-09-20得票数 0

3回答

在表单提交后显示隐藏的div

javascript、html

我使用POST方法保存表单中的数据。在保存数据，重新加载页面后，我想在页面中显示一个隐藏的div。onsubmit="showHide(this); return false;" 有什么想法吗？LE：更复杂的是:触发页面重新加载的表单位于我想要重新显示的div上。最初，我

浏览 2提问于2012-11-19得票数 0

回答已采纳

3回答

在页面重新加载后按下按钮动态添加表单元素

javascript、php、html、forms

我正在用PHP创建一个多页表单。 document.getElementById('wrapper').innerHTML += '<input type="text"><br><br>'; }由于它是一个多页表单，用户可以选择返回到以前的页面。问题是，一旦页面被<

浏览 0提问于2013-11-24得票数 1

回答已采纳

1回答

表单成功信息在提交后消失

javascript、html、css、forms

因此，在您提交表单之后，成功的msg就会出现在底部，然后消失。我如何阻止成功信息消失，并请解释是什么原因，我正在学习JavaScript，我想要简单的解释，请！PS:我想出了一种方法，使msg在提交后，返回false语句，但是我担心这会阻止表单提交吗？

浏览 4提问于2017-01-07得票数 0

回答已采纳

1回答

对inspect元素隐藏paypal信息

php、jquery、html、paypal、paypal-sandbox

PHP：我的意思是，我想从结帐页面隐藏字段中隐藏购物车数据和商品价格，因为它可以通过Inspect元素编辑(例如。Firebug..)。而不是我只想显示项目和价格(而不是原始的PayPal表单)，并在单击提交重定向页面时直接转到PayPal。提前谢谢你。

浏览 0提问于2013-12-07得票数 0

1回答

通过Action定向到当前加载的同一JSP页面，重新加载用户的输入数据Struts2

forms、search、redirect、struts2

我目前有一个带有表单的JSP页面。在提交此表单时，我希望在提交表单之前使用用户输入值填充表单，从而重新加载相同的页面。然后，搜索结果将在页面上输出。我已经成功地将搜索结果输出到页面上，但想要一些关于如何在页面重新加载时保持表单元素中的输入值</em

浏览 0提问于2013-05-15得票数 1

回答已采纳

2回答

当输出一个新的结果时，如何将前面的结果保留在页面上？

javascript、html

我试图在点击submit按钮后将先前提交的值保留在屏幕上。例如，如果输入Apple并按submit，就会出现Apple。但是，如果输入Banana，Apple将消失并被Banana替换。在我提交Apple后，是否有办法将Banana保留在页面上？这是我正在使用的HTML/JavaScript。 var messag

浏览 0提问于2017-03-26得票数 0

回答已采纳

1回答

coldfusion文件上载替换未选择的文件

coldfusion、upload、cffile

在Coldfusion中，使用cffile上载时，当使用浏览按钮选择文件时，所选文件的名称将显示在按钮旁边。到现在为止还好。当我提交要上传的文件时，文本更改回“未选择文件”。这无疑是因为我们正在提交一个表单。 <&

浏览 3提问于2021-02-05得票数 0

1回答

如何在iframe中提交表单时不重定向？

javascript、html、ajax、forms、http

我正在尝试将一个表单作为POST请求提交到一个没有API的站点，其中包含预加载数据。我将表单封装在一个iframe元素中，希望将其隔离。但是，该页面仍会更改为操作页面。一些类似问题的答案建议将响应的Content-Type设置为text/plain，以强制浏览器将其视为文档而不是文件。但是，请注意，我没有访问另一端的权限。

浏览 0提问于2011-08-22得票数 1

回答已采纳

2回答

使用ajax用php编辑html表单

php、html、ajax、forms

我试图创建一个更新表单，用户选择一个ID，然后表单的其余部分自动填充相应的数据到该ID，这将使更新变得非常简单，显然我必须使用AJAX，但我真的需要在PHP中编写完整的表单代码并在一个语句中返回它，然后在一个innerHTML中分配它吗？是否有可能以javascript的形式运行来自php文件的任何返回，这样我就可以编写一个迷你脚本来设置每个元素的inne

浏览 1提问于2015-01-30得票数 1

回答已采纳

1回答

表单提交当所有字段都不为空时，我必须按两次提交

php、html、forms

我在下面的代码中验证每个字段是否为空，问题是当每个字段都填满时，我必须按两次submit才能提交表单。 <form method ="post" <?php if(!

浏览 0提问于2012-05-21得票数 0

回答已采纳

1回答

使用.innerHTML自动显示页面加载或提交时的表单值

javascript、php、jquery、html、forms

我试图找到最简单的，非专家编码器解决方案，以显示一个搜索查询。<input type="text" name="searchfield" id="searchfield" value="" /> <input type="submit" name="submit" id=&q

浏览 3提问于2017-01-10得票数 0

1回答

一页又一页的Laravel路线

laravel

我们正在使用Laravel，我们在"/“上有一张表格，表单是通过模式窗口出现的脚本，一旦我们发布它使用路由的表单：和功能{ return view('

浏览 4提问于2017-04-06得票数 1

回答已采纳

1回答

窗体未更新

lotus-notes、lotus-domino、lotusscript

我在Lotus中使用了一个web表单，它是一个从服务器加载到Notes日历中的ASP页面。它使用嵌入式浏览器加载到表单中。我们更新它上的一些字段，然后使用它的数据作为电子邮件发送。每当某些表单字段被更新时，它们就会在窗体的持续时间内出现，而不是在重新打开表单时出现。如果我更新表单并发送电子邮件，它是好的。如果然

浏览 1提问于2011-03-21得票数 0

回答已采纳

1回答

更改innerhtml，但页面不显示新的innerhtml

javascript、asp.net、innerhtml

在我正在开发的一个应用程序中，在页面加载时，我设置了innerhtml，页面显示正确。我在我的页面上有一个单选按钮，点击后，innerhtml就会改变。对innerhtml的新更改不会显示在页面上。我知道由于设置跟踪点和调试，我的新innerhtml正在更改，但旧值仍然保留在我的表中。是否需要调用某些内容才能刷新新的</

浏览 2提问于2011-12-17得票数 0

回答已采纳

1回答

通过单击按钮禁用按钮

javascript、button、clicking

因此，我试图通过单击相同的按钮来禁用整个页面和每一页上的某个按钮。这意味着用户只能使用一次。现在它似乎不起作用了:/我尝试创建一个变量，并使这个变量出现在$SESSION的每一个页面上，如果变量不等于“”，它将禁用按钮，但它不能工作。该按钮位于页A上，当用户重新加载页/提交表单时，需要在页面A上禁用该按钮。我的代码：<?

浏览 3提问于2017-03-19得票数 1

回答已采纳

2回答

WordPress重力形成多个表单多个提交

jquery、wordpress、gravity-forms-plugin

我有一个页面，它包含同一个引力形式的多个实例，简短的代码(具有不同的变量参数)在一个轻型框中打开。每个表单都被传递变量，因此通知、电子邮件和其他默认值是不同的，即使表单是相同的。我希望用户能够提交表单的一个实例。(将指向一封电子邮件)，然后提交表单的不同实例(该实例将指向不同的电子邮件地址)。我提到的所有项目

浏览 4提问于2014-10-02得票数 2

回答已采纳

1回答

检测到已从表单提交中加载页面

javascript、php、forms、post

我有一个包含以下代码的搜索表单：PHP代码在同一页面上提供搜索结果的触发条件是：我也有javascript在这个页面上运行的页面加载(使用addEve

浏览 9提问于2020-03-12得票数 1

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

使用.innerHTML重新加载后将表单ID的输出值保留在页面上

相关·内容

使用.innerHTML重新加载后将表单ID的输出值保留在页面上

如何在不使用数据dom-cache的情况下保留jquery移动页的状态？

jquery.form.js需要表单在提交后刷新自身

在表单提交后显示隐藏的div

在页面重新加载后按下按钮动态添加表单元素

表单成功信息在提交后消失

对inspect元素隐藏paypal信息

通过Action定向到当前加载的同一JSP页面，重新加载用户的输入数据Struts2

当输出一个新的结果时，如何将前面的结果保留在页面上？

coldfusion文件上载替换未选择的文件

如何在iframe中提交表单时不重定向？

使用ajax用php编辑html表单

表单提交当所有字段都不为空时，我必须按两次提交

使用.innerHTML自动显示页面加载或提交时的表单值

一页又一页的Laravel路线

窗体未更新

更改innerhtml，但页面不显示新的innerhtml

通过单击按钮禁用按钮

WordPress重力形成多个表单多个提交

检测到已从表单提交中加载页面

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐