使用Ajax提交后在同一页面中显示HTML表单值

本文介绍了使用Ajax提交后在同一页面中显示HTML表单值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个HTML表单，我需要在用户单击提交按钮后在表单下方显示表单字段值。我该如何使用HTML和JavaScript Ajax做到这一点？

I have a HTML form and I need to display the form field values below the form after user clicks the submit button. How can I do this using HTML and JavaScript Ajax?

推荐答案

这是一种实现方法。

<!DOCTYPE html>
<html>
  <head lang="en">
  <meta charset="UTF-8">
  <script language="JavaScript">
    function showInput() {
        document.getElementById('display').innerHTML =
                    document.getElementById("user_input").value;
    }
  </script>

  </head>
<body>

  <form>
    <label><b>Enter a Message</b></label>
    <input type="text" name="message" id="user_input">
  </form>

  <input type="submit" onclick="showInput();"><br/>
  <label>Your input: </label>
  <p><span id='display'></span></p>
</body>
</html>

这就是跑步时的样子。干杯。

And this is what it looks like when run.Cheers.

这篇关于使用Ajax提交后在同一页面中显示HTML表单值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

javascript

使用Ajax提交后在同一页面中显示HTML表单值

问题描述

推荐答案