stijn0713 Posted February 23, 2012 Share Posted February 23, 2012 Hi I'm trying to create a form where people first select the number of children they have, and then a table should appear where they fill in the extra information (name, sex, dob) about every child. The code works except for that i don't know how to add the year of the date of birth of every child with a loop. Appartly i cannot use php in javascript? Any solutions? thanks! function addKindForms(aantal) { if (aantal != "-") { var output = ""; output = output + "<table cellpadding='2' cellspacing='0'>"; output = output + "<tr><td><b>Naam:</b></td><td><b>Geslacht:</b></td><td><b>Geboortedatum:</b></td><td></td><td></td></tr>"; for(i=1;i<=aantal;i++) { output = output + "<tr><td><input type='text' name='kind"+i+"_name' size='15' value=''></td><td><select name='kind"+i+"_sex'><option value='m'>jongen</option><option value='f'>meisje</option></select></td><td><select name='kind"+i+"_gebdatumdag'><option value=''></option><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><option value='8'> 8</option><option value='9'>9</option><option value='10'>10</option> <option value='11'> 11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option></select></td><td><select name='kind'+i+'_gebdatummaand'><option value=''></option><option value='1'>jan</option><option value='2'>feb</option></select></td><td><select name='kind'+i+'_gebdatumjaar'><option value=''></option><?php for ($y=date('Y');$y>=(date('Y')-125);$y--){if($_POST['bdaykind_jaar']==$y){$selected='selected';}echo'<option value=''.$y.'' '.$selected.'>'.$y.'</option>';$selected = '';}?></select></td></tr>"; } output = output + "</table>"; document.getElementById("kindforms").innerHTML = output; } } Quote Link to comment Share on other sites More sharing options...
wigpip Posted February 23, 2012 Share Posted February 23, 2012 that's right you cannot run php in javascript but you can print out javascript from php, however. In your javascript where you have a select for the years you will need to change that to a javascript for() statement instead. Quote Link to comment Share on other sites More sharing options...
stijn0713 Posted February 24, 2012 Author Share Posted February 24, 2012 Can i please get more code help! Here is my problem: http://trippledee.org/signup.php. If you look at 'kinderen' (children), they fill in f.e. 5, then 5 new boxes should appear generated with javascript. My question remains: how can i populate the dropdows of the children's birthday?! PLEASE HELP this is up till now my javascript: function addKindForms(aantal) { if (aantal != "-") { var output = ""; output = output + "<table cellpadding='2' cellspacing='0'>"; output = output + "<tr><td><b>Naam:</b></td><td><b>Geslacht:</b></td><td><b>Geboortedatum:</b></td><td></td><td></td></tr>"; for(i=1;i<=aantal;i++) { output = output + "<tr><td><input type='text' name='kind"+i+"_name' size='15' value=''></td><td><select name='kind"+i+"_sex'><option value='m'>jongen</option><option value='f'>meisje</option></select></td><td><select name='kind"+i+"_gebdatumdag'></select></td><td><select name='kind"+i+"_gebdatummaand'></select></td><td><select name='kind"+i+"_gebdatumjaar'></select></td></tr>"; } output = output + "</table>"; document.getElementById("kindforms").innerHTML = output; } } this is the HTML <td>Kinderen:</td> <td>Aantal: <label for="aantalkinderen"></label> <select name="aantalkinderen" id="aantalkinderen" onchange="addKindForms (this.value)"> <option value="">-</option> <option value="1"<?php if ($_POST['aantalkinderen'] == "1") { echo "selected"; } ?>>1</option> <option value="2"<?php if ($_POST['aantalkinderen'] == "2") { echo "selected"; } ?>>2</option> <option value="3"<?php if ($_POST['aantalkinderen'] == "3") { echo "selected"; } ?>>3</option> <option value="4"<?php if ($_POST['aantalkinderen'] == "4") { echo "selected"; } ?>>4</option> <option value="5"<?php if ($_POST['aantalkinderen'] == "5") { echo "selected"; } ?>>5</option> <option value="6"<?php if ($_POST['aantalkinderen'] == "6") { echo "selected"; } ?>>6</option> <option value="7"<?php if ($_POST['aantalkinderen'] == "7") { echo "selected"; } ?>>7</option> <option value="8"<?php if ($_POST['aantalkinderen'] == "8") { echo "selected"; } ?>>8</option> <option value="9"<?php if ($_POST['aantalkinderen'] == "9") { echo "selected"; } ?>>9</option> <option value="10"<?php if ($_POST['aantalkinderen'] == "10") { echo "selected"; } ?>>10</option> </select> waarvan thuiswonend: <input type="text" name="kindthuiswonend" id="kindthuiswonend" size="10" value="<?php echo $_POST['kindthuiswonend']?>" /> <div id="kindforms"></div> </td> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.