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>