JS实现点击确定后将内容提交给另一个页面显示出来
时间: 2024-03-01 12:53:43 浏览: 25
实现点击确定后将内容提交给另一个页面显示出来,可以按照以下步骤进行:
1. 在HTML页面中,添加一个表单元素,并在表单中添加一个文本输入框和一个提交按钮。
```
<form id="myForm" action="display.html">
<input type="text" id="myInput" name="myInput">
<input type="submit" value="提交">
</form>
```
2. 在JavaScript中,获取表单元素和文本输入框元素,并给提交按钮添加一个点击事件。
```
var myForm = document.getElementById("myForm");
var myInput = document.getElementById("myInput");
var submitBtn = document.getElementById("submitBtn");
submitBtn.addEventListener("click", function(event) {
// 阻止表单默认提交行为
event.preventDefault();
// 获取文本输入框中的内容
var inputValue = myInput.value;
// 将内容通过表单提交到另一个页面
myForm.submit();
});
```
3. 在提交到的另一个页面中,使用JavaScript获取URL参数,并将参数显示在页面中。
```
var urlParams = new URLSearchParams(window.location.search);
var inputValue = urlParams.get("myInput");
document.getElementById("display").innerHTML = "您输入的内容是:" + inputValue;
```
需要注意的是,在实际开发中,需要对用户输入的内容进行校验和过滤,以确保输入的内容安全可靠。