从一个对话框中检索值并将其显示在另一个对话框中

时间:2016-06-16 05:50:00

标签: javascript php jquery ajax dialog

我有一个询问你的姓名和地址的对话框,当你点击确定按钮时,它打开另一个对话框,它应该显示名称和地址。我已经尝试使用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');
                            }
                        }
                    });
                }
            }

2 个答案:

答案 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');
                        }
                    }
                });
            }
        }