I am creating a multi-paged form and now i am consulting the Stack guru's for some assistance;
On this page the user can add more input fields [type=text] onto the page
So basically there is a singular input for "CHILD NAME" then a Add button to allow the user to add more children if they have more than one.
My form allows you to go backwards and forwards, the form remembers what was input, how would i get jQuery and php to remember that the form fields were added so they are not hidden when the user re-vists the page ?
well with adding inputs you can do:
$('form').append('<input>',{type: 'text', name: 'input_name'})
and you can save previous parts of the form data with php $_SESSIONs
example of a form:
in php you will get all the post (or get) values:
$_POST = array ('name1' => 'me', 'name2' => 'you' )...
and then you can save those in a session with:
$_SESSION['lastpostedvalues'] = $_POST;
or something like that.
remember to have session_start() at the top of the php file
try this if it helps
html code
<span>
<span id="childs"></span>
<input type="text" id="testid" />
<input type="submit" id="submit" value="Add" />
</span>
jQuery ---
$(document).ready(function(){
$('#submit').click(function(){
$('#childs').append('<a href="">'+$('#testid').val()+'</a><br />');
$value=$('#testid').val();
$.get('somePHPCodewhichaddsToSession.php',{
data:$values
},function(data){
//some staff after the session is add
});
});
});
/*PHP code to add the sessions*/
if(isset($_GET['data'])){
$_SESSION['AnyName']=$_GET['data']; //this could be an array to hold all the childern names
if(isset($_SESSION['AnyName']))
echo true; //handle this return in your ajax call oncomplete callback
else
echo false;
}
/* PHP code to dispaly the childrens*/
//get the array from the session
if(isset($_SESSION['AnyName']){
get the values and display or do something with them
$values= $_SESSION['AnyName']
}
** Make sure to format the html to fit your needs