在php中提交html表单

时间:2014-11-01 12:19:18

标签: 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)

}); 

这是second.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>

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

4 个答案:

答案 0 :(得分:2)

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

您的表单缺少method属性,默认情况下在方法中添加POST GET

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

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

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

在第二页中你这样做

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

答案 1 :(得分:0)

您试图将内容放在#confirmForm中,而第一个文件中没有该内容。

这里不需要JavaScript。使用$ _ [&#39; post&#39;]

获取div的内容

答案 2 :(得分:0)

试试这个:

<强> first.php

<html>
<head>
</head>
<form id="orderForm" action="second.php">
          <div class="col-md-5" id="orderList">
               <textarea name="confirmForm" id="confirmForm" cols="30" rows="10">Sipari Listesi</textarea>
          </div>  
          <div>
               <button type="submit" id="firstConfirmButton" class="btn btn-primary btn-lg">Onayla</button>
          </div>
</form>
</html>

<强> second.php

<html>
  <body>

<?php 
  echo $_REQUEST[confirmForm];
?>

  </body>
</html>

答案 3 :(得分:0)

除了Saqueib所说的,我认为你还需要改变jQuery。我认为你正在寻找html()方法,而不是val(),因为看起来你正试图改变显示的HTML,对吗?