我对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);
}
}
?>
请帮忙。
谢谢。
最佳答案
尝试这个:-
$('#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);
});
});