javascript中怎么实现表单1的信息跟表单2的信息一起提交?

时间:2022-03-04 19:25:01
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?

11 个解决方案

#1


总体放一个form中
最后一个是submit

#2


   把表单1和表单2的action都处理到一个action,然后关键就是看你如何处理这写提交了

#3


总体放到一个form下,该如何操作呢? 因为在javascript里我写了2个function。function1的form好像传不到function2里面去。不晓得该怎么操作?求教

#4


你只需要把,分成的两页,放到同一个form里面,不就OK了嘛?
分页可以用js做嘛

#5


javascript刚开始学习,知道可以分页,但是不知道如何实现。有没有代码可以看的?

#6


test1.php
<html>
<head>
</head>
<body>
<form id='1' name='1' action='test2.php' method='get'>
<input type=text id='11' name='11' >
<input type=submit  value='下一步'>
</form >
</body>
</html>
test2.php
<html>
<head>
</head>
<body>
<?php
$fun=$_GET['11'];


?>


<form id='1' name='1' action='test3.php' method='get'>
<input type=text id='22' name='22' >
<input type='hidden' id='11' name='11'  value=<?=$fun?> >
<input type=submit  >
</form >


</body>
</html>

test3.php
<html>
<head>
</head>
<body>
<?php
$fun=$_GET['11'];
echo $fun;
$fun1=$_GET['22'];
echo $fun1;

?>





</body>
</html>




#7


引用楼主 simaa0106 的回复:
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?

可以把2个表单用同一个form,但做成2个层,默认显示表单1,点下一步显示表单2,隐藏表单1
最后提交的时候当然是所有的信息

#8


把表单1的字段都设置成表单2的隐藏字段
就是说在表单1里的input都设置成表单2的hidden
然后表单1点下一步的时候得到表单1的值并赋值给表单2相应的隐藏域
然后提交表单2

#9


我同意楼上的观点。

#10


引用 7 楼 lihui_shine 的回复:
引用楼主 simaa0106 的回复:
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?

可以把2个表单用同一个form,但做成2个层,默认显示表单1,点下一步显示表单2,隐藏表单1
……


支持

#11


引用楼主 simaa0106 的回复:
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?


本人有个更好的方法
就是表单一和二放在同一个form表单中,
将你认为是1的表单放在一个div中,2的表单放在一个div中。然后表单2div默认隐藏,当点击下一步就隐藏表单1div。
到了表单2div中用户输入完信息可以提交。这样表单以和表单2就可以一起提交了。
<form ...>
    <div>
             表单1文本域
             下一步
    </div>
    <div style="display: none;">
             表单2文本域
             提交
    </div>
</form>

#1


总体放一个form中
最后一个是submit

#2


   把表单1和表单2的action都处理到一个action,然后关键就是看你如何处理这写提交了

#3


总体放到一个form下,该如何操作呢? 因为在javascript里我写了2个function。function1的form好像传不到function2里面去。不晓得该怎么操作?求教

#4


你只需要把,分成的两页,放到同一个form里面,不就OK了嘛?
分页可以用js做嘛

#5


javascript刚开始学习,知道可以分页,但是不知道如何实现。有没有代码可以看的?

#6


test1.php
<html>
<head>
</head>
<body>
<form id='1' name='1' action='test2.php' method='get'>
<input type=text id='11' name='11' >
<input type=submit  value='下一步'>
</form >
</body>
</html>
test2.php
<html>
<head>
</head>
<body>
<?php
$fun=$_GET['11'];


?>


<form id='1' name='1' action='test3.php' method='get'>
<input type=text id='22' name='22' >
<input type='hidden' id='11' name='11'  value=<?=$fun?> >
<input type=submit  >
</form >


</body>
</html>

test3.php
<html>
<head>
</head>
<body>
<?php
$fun=$_GET['11'];
echo $fun;
$fun1=$_GET['22'];
echo $fun1;

?>





</body>
</html>




#7


引用楼主 simaa0106 的回复:
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?

可以把2个表单用同一个form,但做成2个层,默认显示表单1,点下一步显示表单2,隐藏表单1
最后提交的时候当然是所有的信息

#8


把表单1的字段都设置成表单2的隐藏字段
就是说在表单1里的input都设置成表单2的hidden
然后表单1点下一步的时候得到表单1的值并赋值给表单2相应的隐藏域
然后提交表单2

#9


我同意楼上的观点。

#10


引用 7 楼 lihui_shine 的回复:
引用楼主 simaa0106 的回复:
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?

可以把2个表单用同一个form,但做成2个层,默认显示表单1,点下一步显示表单2,隐藏表单1
……


支持

#11


引用楼主 simaa0106 的回复:
我想把注册信息提交到数据库,但是注册信息太长了,放一张表单的话信息台多,显示的效果太差了。
就把表单拆分成2张表单,表单1和表单2,在表单1中有个下一步按钮,表单2中有提交按钮。
那么怎么做才能当我按表单1中的下一步时,把表单1的信息传递到表单2呢?


本人有个更好的方法
就是表单一和二放在同一个form表单中,
将你认为是1的表单放在一个div中,2的表单放在一个div中。然后表单2div默认隐藏,当点击下一步就隐藏表单1div。
到了表单2div中用户输入完信息可以提交。这样表单以和表单2就可以一起提交了。
<form ...>
    <div>
             表单1文本域
             下一步
    </div>
    <div style="display: none;">
             表单2文本域
             提交
    </div>
</form>