What I want is that output date should vary according to the input date and value selected of days to stay(d_stay),that is outputdate=inputdate(i_d)+value(d_stay),and it should change dynamically ,without refreshing the page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function () {
var dataSrc = ["australia", "austria", "antartica", "argentina", "algeria"];
$("#myText").autocomplete({minLength:3,source:dataSrc });
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Make MY TRIP</title>
</head>
<body>
<?php
If(isset($_REQUEST['submit'])!='')
{
If($_REQUEST['s_state']=='' || $_REQUEST['s_date']=='' || $_REQUEST['myText']=='')
{
Echo "please fill the empty field.";
}
Else
{
$s=$_POST["myText"];
$i_d=$_POST["s_date"];
$date = DateTime::createFromFormat("Y-m-d", $i_d);
echo "Inputdate";echo " ";
echo $date->format("d F");
echo " ";
echo " ";
// echo "out date";
echo "
<html>
<head>
<body>
<form method='Post'>
<select name='d_stay'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
</select>
</body>
</head>
</html>
";
}
}
?>
<p>
Starting City
<form method="post" action="23.php">
<select name="s_state">
<option value="Shimla">Shimla</option>
<option value="Delhi">Delhi</option>
<option value="Chandigarh">Chandigarh</option>
<option value="Pune">Pune</option>
</select>
Starting date
<input type="date" name="s_date" />
<p>
<input id="myText" placeholder="Add city you wish to travel" name="myText" role="textbox"/>
</p>
<input type="submit" name="submit" value="submit" />
</form>
</p>
</body>
</html>