javascript - Choosing page depending on users choices -
i'm trying create webpage user asked name(textbox) , gender(radio buttons) on front page. link new page dependent on whether chose if male or female, need display name entered in text box.
so far have name part working using javascript on front page form action directed new page:
// called on form's `onsubmit` function tosubmit() { // getting value of text input var mytext = document.getelementbyid("mytext").value; // storing value above localstorage localstorage.setitem("mytext", mytext); return true; } and on other page:
// called on body's `onload` event function init() { // retrieving text input's value stored localstorage var mytext = localstorage.getitem("mytext"); // writing value in document document.getelementbyid("name").innerhtml = mytext; } the main problem here directs same page. can tell me how solve problem , add in option user choose gender , next page dependant on choice?
edit: form
<form class="enter-name" name="myform" onsubmit="tosubmit();" action="page1.html"> <input id="mytext" type="text" name="data" placeholder="enter name" maxlength="12"> male: <input type="radio" name="gender" value="male" /><br /> female: <input type="radio" name="gender" value="female" /><br /> <input id="name-submit" type="submit" value=""> </form>
you can solve php - have form post handler redirect based on posted values. in case handler in same page:
<?php if(isset($_post['name'], $_post['gender'])){ $page = ($_post['gender']=='male')? 'male-page.php' : 'female-page.php'; header('location:'.$page.'?name='.$_post['name']); die(); } ?> <html> <head><!-- head stuff here--></head> <body> <form class="enter-name" name="myform" action="" method="post"> <input id="mytext" type="text" name="name" placeholder="enter name" maxlength="12"> male: <input type="radio" name="gender" value="male" /><br /> female: <input type="radio" name="gender" value="female" /><br /> <input id="name-submit" type="submit" value=""> </form> </body> </html> in redirected page, can access name via query string parameter in php:
<div id="name"> <?php echo $_get['name'];?> </div>
Comments
Post a Comment