javascript - 在php中提交html表单

标签 javascript php html

这是我的first.php页面html部分。我有一个包含 div 和提交按钮的表单。我希望当单击按钮时,打开一个新页面(second.php)并显示 div(id=orderList) 的内容

<form id="orderForm" action="second.php">
          <div class="col-md-5" id="orderList">
               <h3 align="center">Sipariş Listesi</h3>
          </div>  
          <div>
               <button type="submit" id="firstConfirmButton" class="btn btn-primary btn-lg">Onayla</button>
          </div>
</form>

这是 javascript 部分;

 $("#orderForm").submit(function() {

    var content = $('#orderList').html();

    console.log(content); //(no problem everything is ok)

    $('#confirmForm').val(content);

    var content2 = $('#confirmForm').html();
    console.log(content2); //(it is null)

}); 

这是第二个.php,我想在其中显示 div(id=confirmForm) 中的内容

<html>
   <head>    

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="script.js"></script>

    <META name=viewport content="width=1024, initial-scale=1">
    <META http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <META HTTP-EQUIV="Content-language" CONTENT="tr">

    <link href="shift.css" rel="stylesheet">   
    <link rel="stylesheet" href="bootstrap.css">
    <link rel="stylesheet" href="product.css">

 </head>

  <body>

    <div id="confirmForm">  </div> 

  </body>

</html>

这不起作用,我应该改变什么?

最佳答案

如果$('#confirmForm')不是输入项,您无法使用 $('#confirmForm').val() 访问它;

您的表格丢失 method属性,添加POST在方法中默认为 GET

<form id="orderForm" method="post" action="second.php">

添加<textarea>first.php里面orderForm保存 #ordelist 的内容使用jquery,在第二页中,您可以使用 $_POST['confirmForm'] 获取它;

<textarea name="confirmForm" id="confirmForm" cols="30" rows="10"></textarea>

在第二页中执行此操作

<div id="confirmForm"> <?php echo $_POST['confirmForm'] ?> </div> 

关于javascript - 在php中提交html表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26689239/

相关文章:

jquery - 使用 CSS 构建复杂的形状

javascript - Polymer Project 加载缓慢

javascript - 通过 HTML 表单和 API 自定义图像过滤器

php - 如何使用更新批量查询更改 codeigniter 中的多行

php - <button> 相同按钮,多个位置,不同代码

javascript - AngularJS 表单验证无法按预期工作

javascript - Ajax Get请求找不到JSON文件

javascript - 可选上传字段 javascript

javascript - .db 和 Promise 的问题

javascript - 如何从 Ajax 调用修改 Cookie