将数据从一个div传递到另一个div而不使用隐藏控件

Question

我在word press中有一个php模板。在页面加载时，它显示第一个div并隐藏另一个（在下面的脚本中显示），并且在第一个div中单击另一个按钮时它隐藏自身并显示隐藏的div。从第一个div开始，我输入了值（在其字段中），在第二个div中，我也输入了值。在最后一个div的提交中，我希望将所有值的值存储在表中。

<script>
jQuery(document).ready(function(){

jQuery(".upload").hide();
jQuery(".order").show();

   jQuery(".order-btn").click(function(){
       jQuery(".order").fadeOut(1000);
       jQuery(".upload").fadeIn(1000);

   });

 });
</script> 

Answer 1

您应该将所有潜水包装到<form>标记中，而不是在表单操作页面中获取值，或者如果您使用Ajax，那么，您只需将表单序列化并发送到请求行动页面，结果将是相同的。

另外请将您的Js文件与模板分开，并使用<link>标记将其添加到html文档中。