使用input1中的值自动完成input2

时间:2014-08-03 07:49:54

标签: javascript php html

在页面1.html我有这样的表格:

<form id="my_form" action="2.html">
<input type="text" id="input1" value="" />   
<input type="submit" />
</form>

用户按下按钮后,他被重定向到2.html。在这个页面上我有这个输入:

<input type="text" id="input2" value="" />

如何使用input2中的用户插入的值获取input1 “自动完成”

试过这个:

将2.html更改为2.php并将<input type="text" id="input2" value="" />更改为<input type="text" id="input2" value="<?php echo htmlspecialchars($_POST['input1'])?>" /> - 没有运气

使用sessionStorage的不同方法 - 没有运气

我必须遗漏一些简单的东西,请帮忙......

2 个答案:

答案 0 :(得分:2)

在第1.html页上的表单中,您没有提供提交方法。尝试将其更改为

<form id="my_form" action="2.html method="POST">
    <input type="text" id="input1" name="input1" value="" />   
    <input type="submit" />
</form>

答案 1 :(得分:1)

您的脚本无法正常工作的原因是因为#input1缺少name属性..尝试将#input1的html更改为:

<input type="text" id="input1" name="input1" value="" />

此外,您没有在表单上声明任何方法,默认情况下,如果未声明该方法,则将其设置为GET。当您在POST的第二页上获取值时,请将表单方法声明为POST

因此,表单的html将是:

<form id="my_form" action="2.php" method="POST">
    <input type="text" id="input1" name="input1" value="" />   
    <input type="submit" />
</form>