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

我有一个对话框，询问您的姓名和地址，当您单击确定按钮时，将打开另一个对话框，显示姓名和地址。已经尝试过使用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 –

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

回答

相关问题