我有一个询问你的姓名和地址的对话框,当你点击确定按钮时,它打开另一个对话框,它应该显示名称和地址。我已经尝试使用ajax帖子,但似乎没有任何工作期待的方式。请帮帮我。谢谢。 这是我尝试过的:
Display.php的:
<input type="button" id="dialog_open" name="dialog_open" value="dialog_open" ></input>
<form action = "" method="post">
<div id="dialog" title="Enter details" style="display:none" >
Name :<input type="text" class="form-control input-sm" name="name" id="name" />
Address: <textarea row="3" col="50" class="form-control input-sm" name="address" id="address" ></textarea>
</div>
<div id="show" title="welcome" style="display:none">
<header style="text-align:center; font-size:20px; font-style:arial">
<b><?php echo $_POST['keyname']; ?></b>
<p style="text-align:left; font-size:14px">Address:<?php echo $_POST['keyadd']; ?></p>
</header>
</div>
我的脚本代码:
<script type="text/javascript">
$(document).ready(function(){
$('#dialog_open').click(function(){
$('#dialog').dialog({
buttons: {
"Yes" : function () {
$(this).dialog('close');
callback(true);
},
"No" : function() {
$(this).dialog('close');
}
}
});
function callback(value) {
if (value) {
var name = $('#name').val();
var add = $('#address').val();
$.ajax({
type: 'post',
url: 'display.php',
data: {keyname: com,keyadd: add},
success: function() {
alert("done");
}
});
$('#show').dialog({
height:500,
width:800,
buttons:{
"OK":function(){
$(this).dialog('close');
},
"Cancel":function(){
$(this).dialog('close');
}
}
});
}
}
答案 0 :(得分:0)
我认为你的回调数据是错误的:
data: {keyname: com,keyadd: add},
- &gt; data: {'keyname': name,'keyadd': add},
尝试更改此内容。
答案 1 :(得分:0)
我希望你正在寻找这个 -
function callback(value) {
if (value) {
var name = $('#name').val();
var add = $('#address').val();
$.ajax({
type: 'post',
url: 'display.php',
data: {keyname: name,keyadd: add},
success: function() {
alert("done");
$("#show b").html("Name : "+name);
$("#show p").html("Address : "+add);
}
});
$('#show').dialog({
height:500,
width:800,
buttons:{
"OK":function(){
$(this).dialog('close');
},
"Cancel":function(){
$(this).dialog('close');
}
}
});
}
}