这是我的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>
它不起作用,我应该改变什么?
答案 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,对吗?