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

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

來源

2016-06-16 payal_suthar

你可以用相同的ID選擇獲得價值..'變種名稱= $（ '＃名稱'）VAL（）。 var add = $（'＃address'）。val（）;'元素只是隱藏，但仍然存在於你的html中，直到你刷新頁面或重定向。 –

但我如何顯示它們？我的代碼是檢索值但不張貼它們，或者你可以說顯示它們。@ DineshPatil –

你的代碼缺少外部js包括..你可以分享你的代碼在jsfiddle或任何其他編輯工具？它不會花費太多時間..我可以直接給你的運行代碼.. –

我希望你正在尋找這個 -

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

來源

2016-06-16 07:14:26

謝謝..這對我很有用。@ Dinesh Patil –

我覺得你的回調數據是錯誤的：

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

請嘗試更改此內容。

來源

2016-06-16 06:01:07

沒有變化.. @ Denis Gianne –

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

回答

相關問題