Question

我有一个包含表单的html文件（start.html）。提交它，导航到不同的html格式（result.html）。

如何在start.html中的表单文本字段中完成result.html中的日期条目？

类似的东西：

        $(document).ready(function () {
            var fww = 'what to do to get value fieldsindex.html?';
            $('#Div1').html(fww);
        });

    </script>

</head>

<body>
<div id="Div1">

</div>

任何使用JQuery或Javascript的解决方案都表示赞赏。感谢

Answer 1

您可以使用表单元素ID获取表单数据，如下所示，但是你不能仅使用JS将数据从一个表单传输到另一个表单，你应该使用一些后端控制器

form.html

<input type="text" id="formElement">

的js

$("formElement").val();

Answer 2

如果你想在普通的JS / jQuery中做，你必须：

获取所有表单值，将它们存储在json对象中。
将它们保存到sessionStorage中（将被销毁，当你愿意关闭浏览器标签）
在页面上加载会话存储中的读取值并使用某种模板插件（Handelbar，SammyTemplates）生成包含第一种形式值的输入。

但更好的解决方案是在后端生成这个。我建议使用第二个选项，并在结果页面中生成想要的HTML，并使用正确的值。

Answer 3

如果您不想使用服务器端，可以使用HTML5本地存储，也可以使用更通用的解决方案：cookies，jQuery插件非常有用：http://plugins.jquery.com/cookie/。< / p>

快速提示：当您使用Cookie时，您应该使其在整个网站上有效：

$.cookie('name', 'value', { expires: 7, path: '/' });

注意：请记住，在客户端浏览器上保存数据不是很安全，可以使用Firebug或其他任何方式轻松修改！

如何在发送表单的html文件中获取表单字段值

3 个答案: