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

标签 javascript html ajax

<分区>

我有一个 HTML 表单,我需要在用户单击提交按钮后在表单下方显示表单字段值。我如何使用 HTML 和 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>

这是运行时的样子。干杯。

enter image description here

关于javascript - 使用 Ajax 提交后在同一页面中显示 HTML 表单值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15447889/

相关文章:

javascript - 在所有调用中的 $.post() 之前 Hook 附加数据

javascript - AJAX 加载器 GIF 而异步 POST 请求在 IE 中不起作用

javascript - jQuery DataTable - 更新值并呈现为 HTML 表格

javascript - Tern 无法使用 JSDoc 类型信息

javascript - 是否有检查 js 变量是否是 d3 选择?

javascript - 单击搜索框时删除类

javascript - 用无序列表替换下拉列表。 JavaScript 方式

javascript - 在提交 PHP 表单之前显示确认提示框

javascript - 从 XMLHttpRequest 响应加载 HTML 表

javascript - 从 URL 打印 JSON 字符串