從一個對話框中檢索值並將其顯示在另一個對話框中

Question

我有一個對話框，詢問你的姓名和地址，當你點擊確定按鈕時，它打開另一個對話框，它應該顯示名稱和地址。我已經嘗試使用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');
                            }
                        }
                    });
                }
            }

Answer 1

我認為你的回調數據是錯誤的：

data: {keyname: com,keyadd: add}, - > data: {'keyname': name,'keyadd': add},

嘗試改變這個。

Answer 2

我希望你正在尋找 -

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