<分区>
我有一个 HTML 表单,我需要在用户单击提交按钮后在表单下方显示表单字段值。我如何使用 HTML 和 JavaScript Ajax 来做到这一点?
标签 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>
这是运行时的样子。干杯。
关于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 - 在提交 PHP 表单之前显示确认提示框