Reputation:
I have two page first one is customerdetail.php then second one is package.php. I have to pass data from customerdetail.php to package.php. There are three input types
<div>
<input type="text" name="name" id="name" placeholder="Name" required/><br/><br/>
<input type="text" name="Email" id="email" placeholder="Email" required/><br/><br/>
<select id="item" class="dropdown">
<option value="">Select</option>
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="date" name="Date" id="name" placeholder="Date" required/><br/><br/>
</div>
Upvotes: 0
Views: 4300
Reputation: 524
Hi you can use POST method to send data to another page.
<div>
<form method="POST" action="package.php" id="myform">
<input type="text" name="name" id="name" placeholder="Name" required/><br/><br/>
<input type="text" name="Email" id="email" placeholder="Email" required/><br/><br/>
<select id="item" name="select" class="dropdown">
<option value="">Select</option>
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="date" name="Date" id="name" placeholder="Date" required/><br/><br/>
</form>
<div id="Result"></div>
</div>
<script>
$(document).ready(function(e) {
$("#myform").submit(function(e) {
$.ajax({
type: "POST",
url: package.php,
data: $("#myform").serialize(),
success: function(data)
{
$('#Result').html(data);
}
});
e.preventDefault(); // avoid to execute the actual submit of the form.
}); });
</script>
AND IN package.php php use below code
$name =$_POST['name'];
$email = $_POST['email'];
$select = $_POST['select'];
$date= $_POST['Date'];
echo($name. "<br/>".$email. "<br/>".$select. "<br/>".$date);
Upvotes: 1