JQuery 模态对话框多提交答案

【问题标题】：JQuery Modal Dialog Multi SubmitJQuery 模态对话框多提交
【发布时间】：2015-04-21 09:52:00
【问题描述】：

我的 JQuery 还是很差。

我有一个只有两个输入类型文本的表单。
每种输入类型在单击时都会打开一个不同的模态对话框。
每个模态对话框也有一个具有单一输入类型的表单。

如何在提交时根据父级从每个模态对话框中获取一个值。

index.php

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Send To CC </title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
  <div id="to_modal" class="modal fade">
    <div class="col-md-7">
      <form action="index.php" method="post">
        <input type="text" name="to" value="John Doe">
        <button type="submit">Submit To</button>
      </form>
    </div>
  </div>
  <div id="cc_modal" class="modal fade">
    <div class="col-md-7">
      <form action="index.php" method="post">
        <input type="text" name="cc" value="Jane Doe">
        <button type="submit">Submit CC</button>
      </form>
    </div>
  </div>  
  <form action="all.php" method="post">
    <input type="text" name="send_to" value="<?php include 'to.php'; ?>" data-target="#to_modal" data-toggle="modal">
    <input type="text" name="send_cc" value="<?php include 'cc.php'; ?>" data-target="#cc_modal" data-toggle="modal">
    <button type="submit">Submit All</button>
  </form>
  
  <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <script>
  jQuery(document).ready(function() { 
  // I don't know how to use this if its required.
  });   
  </script>
</body>
</html>

to.php

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
  $to = $_POST['to'];

 if(isset($to)){
   echo escape($to);
   }
}
?>

cc.php

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
  $cc = $_POST['cc'];

  if(isset($cc)){
    echo escape($cc);
    }
}
?>

请帮忙。
谢谢。

【问题讨论】：

您真正想要完成的是什么？看起来您只是想向多个人发送电子邮件或其他内容，如果是这样的话，还有更好的方法可以做到这一点。这似乎是一个 X Y 问题，meta.stackexchange.com/questions/66377/what-is-the-xy-problem 向我们提供更多信息，告诉我们你最终需要得到什么，而不是你尝试过的，如果可以的话
很抱歉代码看起来像发送电子邮件表单。但事实并非如此。该表单仅用于从数据库重新输入到另一个。
一点也不，代码很好，我们只需要更多信息，了解您实际尝试做什么，这有什么目的？知道了这一点，我们很可能会在短时间内让您走上正轨
点击的输入类型应该打开一个模态对话框。当用户键入某个名称时，键入的名称应作为父输入类型的值。
我用上面的代码尝试了一种输入类型。但如果我使用两种输入类型，它就不起作用。另一个从它的值字段中说未定义的索引。

标签： javascript php jquery twitter-bootstrap modal-dialog

【解决方案1】：

试试这个：-

$('#cc_modal').on('submit',function(e){
  e.preventDefault();
  var form=$(e.target);
  $.post(form.attr('action'),form.serialize(),funtion(data){
    alert(data);
//data is value 
//you can use same thing for second form use it value
   });
});

第二个：-

$('#to_modal').on('submit',function(e){
 e.preventDefault();
 var form=$(e.target);
 $.post(form.attr('action'),form.serialize(),funtion(data){
  alert(data);
  });
});

【讨论】：