2014-11-01 3 views
0

Это моя первая страница html страницы first.php. У меня есть форма, включая кнопку div и кнопку отправки. Я хочу, чтобы при нажатии кнопки нажал, открыть новую страницу (second.php) и отображать содержимое DIV (ID = OrderList)Отправка html-формы в php

<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> 

Это не работает, что я должен изменить?

+0

Google 'ajax' с' jquery', если вы хотите, чтобы содержимое второй страницы отображалось на текущей странице, которую вы отправляете, используя асинхронный запрос. – Kypros

ответ

2

Если $('#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> 
+0

Я вижу текстовую область, заполненную контентом, без проблем. Но second.php пуст? var_dump ($ _ POST [ 'confirmForm']); null – user3235456

+0

просто используйте 'print_r ($ _ POST);' поверх второй страницы, чтобы узнать, что она вам дает. вы должны получить контент из представления формы, а затем использовать ключ, как я показал вам выше – Saqueib

+0

print_r ($ _ POST); результатом является Array() – user3235456

0

Вы пытаетесь поместить содержимое в #confirmForm, который не присутствует в первом файле.

Здесь нет необходимости в JavaScript. Захватите содержание DIV, используя $ _ [ 'Post']

+0

Как использовать $ _ ['post'] в first.php или second.php? – user3235456

+0

Я изменил его, но все еще нул – user3235456

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> 
0

В дополнение к тому, что сказал Saqueib, я думаю, вам также нужно будет изменить jQuery. Я думаю, что вы ищете метод html(), а не val(), потому что похоже, что вы пытаетесь изменить отображаемый HTML, верно?

+0

Вы должны прокомментировать эти .. –

+0

Я пробовал это, но он дважды меня отклонил. Не знаю, почему. – hadoob024