javascript - 如何使用 javascript 将 HTML 表单的值发布到新的 HTML 页面

Question

我在“page1.html”上有一个包含四个元素（textbox1、textbox2、listbox1、listbox2）的 HTML 表单。单击提交时，我希望将这些元素的值在表格中发布到新页面（page2.html）

第 2 页中的表格如下：

• 第一行：textbox1 的值
• 第二行第 1 列：textbox2 的值
• 第二行第 2 列：listbox1 的值
• 第三行：listbox2 的值

请帮忙

Answer 1

用平原html，javascript你可以这样做

page1.html

<input type="text" id="txt1" />
<input type="button" value="Submit" onclick="postData()" />

javascript

function postData(){
    var val = document.getElementById("txt1").value;

    var tbl = "<table><tr><td>"+val+"</td></tr></table>";

    var w = window.open("page2.html");

    w.document.write(tbl);
}

Answer 2

在这里您可以使用type = GET和action="page2.html"

然后在page2.html，在pageload中使用下面的函数来提取URL参数

function getURLParameter(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}

演示：

Page1.html

<form type="GET" action="page2.html">
<input name="text" id="txt" />
</form>

Page2.html

<script>
function getURLParameter(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}
alert(getURLParameter("text"));
</script>