Javascript 从一个html表单提取数据并在另一个页面上显示_Javascript_Php_Html

Javascript 从一个html表单提取数据并在另一个页面上显示

javascript php html

Javascript 从一个html表单提取数据并在另一个页面上显示,javascript,php,html,Javascript,Php,Html,我正在建立一个网页进行调查。我有一个HTML页面，测量员在其中输入相应问题的问题和选项。该页面包含两个按钮，一个是预览调查，另一个是提交。我想要的是，当用户点击“预览调查”按钮时，用户应该被引导到另一个页面，该页面只显示调查者输入的问题和选择。如何实现此功能基本上，它是从HTML表单中提取数据并在另一个页面中显示。大概是这样的：关于如何在web应用程序中处理表单输入，有大量的研究。只要为您选择的编程语言选择一种即可。关于如何在web应用程序中处理表单输入，有大量的研究。只需为您选择的编程语

我正在建立一个网页进行调查。我有一个HTML页面，测量员在其中输入相应问题的问题和选项。该页面包含两个按钮，一个是预览调查，另一个是提交。我想要的是，当用户点击“预览调查”按钮时，用户应该被引导到另一个页面，该页面只显示调查者输入的问题和选择。如何实现此功能

基本上，它是从HTML表单中提取数据并在另一个页面中显示。大概是这样的：

关于如何在web应用程序中处理表单输入，有大量的研究。只要为您选择的编程语言选择一种即可。

关于如何在web应用程序中处理表单输入，有大量的研究。只需为您选择的编程语言选择一种即可。

您有几个选项：

1。在覆盖对话框中打开预览

你可以使用类似的东西，或者任何其他的库，比如。这样，您就不需要指向另一个页面，也不必处理变量（您确实需要一些javascript来获取选项并将其插入对话框中）

2.将表单发布到另一页

这也很可能需要一些javascript。但假设您已经在表单中进行了调查，这不会有那么困难。例如，您可以使用函数序列化表单输入并将其发送到其他页面。您可以构造Ajax/XHR请求，也可以将其直接发送到弹出窗口（需要您在最终提交表单时更改操作类型）

3.打开一个弹出窗口，让它直接与父窗口对话

使用

window.parent

属性，您可以与打开弹出窗口的窗口/页面对话。然后，您可以读取属性，如表单值，并在弹出窗口中使用它们。其工作原理与此类似：

调查页面.html

<script type="text/javascript">
    var popup = window.open('popup.html', 'width=300, height=200');
    if(window.focus) popup.focus();
    return false;
</script>
<form name="testform" id="testform">  
    <input type="text" name="atextfield" value="" />
</form>
<a href="#" class="popup" onclick="open_popup()">Open popup</a>

<script type="text/javascript">
    function alertParentValue() {
        alert(window.opener.document.forms['testform'].atextfield.value);
    }
</script>
<a href="#" onclick="return alertParentValue();">Also click me!</a>


var popup=window.open（'popup.html'，'width=300，height=200'）；
if（window.focus）popup.focus（）；
返回false；

popup.html

<script type="text/javascript">
    var popup = window.open('popup.html', 'width=300, height=200');
    if(window.focus) popup.focus();
    return false;
</script>
<form name="testform" id="testform">  
    <input type="text" name="atextfield" value="" />
</form>
<a href="#" class="popup" onclick="open_popup()">Open popup</a>

<script type="text/javascript">
    function alertParentValue() {
        alert(window.opener.document.forms['testform'].atextfield.value);
    }
</script>
<a href="#" onclick="return alertParentValue();">Also click me!</a>


函数alertParentValue（）{
警报（window.opener.document.forms['testform'].atextfield.value）；
}

如果单击“打开”弹出式链接，然后单击另一个链接，则会提示您在文本字段中填写的值

其他选项很可能可用，请选择适合您的选项！

您有几个选项：

1.在覆盖对话框中打开预览

你可以使用类似的东西，或者任何其他库，比如或。这样你就不需要指向另一个页面，也不需要处理变量（你确实需要一些javascript来获取选项并将它们插入对话框）