unkwntech Posted September 9, 2008 Share Posted September 9, 2008 This is in the <head>: <script type="text/javascript"> var num; function buildForm(num) { var divContent = ''; var i; if(num >= 5) { document.getElementById('notice').innerHTML = '<br /><h4>For more then 5 children please contact [email protected]</h4><br />'; } for (i=0;i<num; i=i+1) { if(i == 0) { divContent = divContent +'<strong>First Child:</strong><br />'; } if(i == 1) { divContent = divContent +'<strong>Second Child:</strong><br />'; } if(i == 2) { divContent = divContent +'<strong>Third Child:</strong><br />'; } if(i == 3) { divContent = divContent +'<strong>Fourth Child:</strong><br />'; } if(i == 4) { divContent = divContent +'<strong>Fifth Child:</strong><br />'; } divContent = divContent +'Name: <input type="text" name="name' +i +'"><br />Age: <input type="text" name="age' +i +'" maxlength="2" size="4"><br /> Gender: <select name="gender' +i +'"><option value="male">Male</option><option value="female">Female</option></select><br /><br />'; } document.getElementById('childCare').innerHTML = ''; document.getElementById('childCare').innerHTML = divContent; } </script> and this in the body: <form action="index.php/childcareregistration/" method="POST"> Number of Children: <select> <option value='1' onclick="buildForm('1');" selected>1</option> <option value='2' onclick="buildForm('2');">2</option> <option value='3' onclick="buildForm('3');">3</option> <option value='4' onclick="buildForm('4');">4</option> <option value='5' onclick="buildForm('5');">5</option> </select><br /><br /> Your Name: <input type="text" name="parentName"><br /> Your Phone Number: <input type="text" name='parentPH'><br /> <div id='childCare'>...</div> This works great as I want it to in FF, but it does not work at all in IE/Chrome. The code is in place here: http://www.qabeelathaqq.com/index.php/childcare/ Link to comment https://forums.phpfreaks.com/topic/123463-solved-documentgetelementidchildcareinnerhtml-not-working/ Share on other sites More sharing options...
unkwntech Posted September 10, 2008 Author Share Posted September 10, 2008 Bump for the late crew. Link to comment https://forums.phpfreaks.com/topic/123463-solved-documentgetelementidchildcareinnerhtml-not-working/#findComment-638177 Share on other sites More sharing options...
web_loone_08 Posted September 10, 2008 Share Posted September 10, 2008 FF recognizes the onclick event on a select menu; where IE does not seem to - I don't know about Chrome; I haven't designer beta tested it yet; so I don't know much about it, but it seems (from what you are saying) - it is the same way. You want to totally do away with the onclick() event and add a onchange() event to your select tag and set the num parameter to this.value; example below: <form action='index.php/childcareregistration/' method="POST"> Number of Children: <select onchange='buildForm(this.value)'> <option value='1' selected>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> <option value='5'>5</option> </select><br /><br /> Your Name: <input type='text' name='parentName'><br> Your Phone Number: <input type='text' name='parentPH'><br> <div id='childCare'>...</div> <div id='notice'>...</div> </form> This works in FF & IE; you'll have to test it for yourself in Chrome, but it should work in all three browsers. Link to comment https://forums.phpfreaks.com/topic/123463-solved-documentgetelementidchildcareinnerhtml-not-working/#findComment-638188 Share on other sites More sharing options...
unkwntech Posted September 10, 2008 Author Share Posted September 10, 2008 Thanks this works great in Chrome, and IE. Link to comment https://forums.phpfreaks.com/topic/123463-solved-documentgetelementidchildcareinnerhtml-not-working/#findComment-638323 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.