Dynamic Form help

@cgishackJan 22.2008 — #Here is a sample you can hack around with.

Just past in a blank document and test...

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 
 &lt;title&gt;Untitled Document&lt;/title&gt;
 
 
 &lt;script&gt;
 
 
 //***************************************
 // Create Forms
 //***************************************
 function createForms(selectMenu,targetID)
 {
 var rowNum = parseInt(selectMenu[selectMenu.selectedIndex].value); //get user row count.
 var el = document.getElementById(targetID); //get the div element to populate
 var html = "";
 
 <i>	</i>//loop the total amount the user selected
 <i>	</i>//apply form HTML to variable
 <i>	</i>for (var i=0; i &lt; rowNum; i++)
 <i>	</i>{
 <i>	</i>	html+= '&lt;input type="text" name=field1_'+i+'" /&gt; ';
 <i>	</i>	html+= '&lt;input type="text" name=field2_'+i+'" /&gt; ';
 <i>	</i>	html+= '&lt;input type="text" name=field3_'+i+'" /&gt; ';
 <i>	</i>	html+= '&lt;input type="text" name=field4_'+i+'" /&gt; ';
 <i>	</i>	html+= '&lt;input type="text" name=field5_'+i+'" /&gt; ';
 <i>	</i>	html += '&lt;hr&gt;';
 <i>	</i>}
 
 <i>	</i>//append to div element.
 <i>	</i>el.innerHTML = html;
 }
 
 &lt;/script&gt;
 
 
 &lt;/head&gt;
 
 &lt;body&gt;
 &lt;select id="numberOfRows" onchange="createForms(this,'formFields')"&gt;
 &lt;option&gt;1&lt;/option&gt;
 &lt;option&gt;2&lt;/option&gt;
 &lt;option&gt;3&lt;/option&gt;
 &lt;option&gt;4&lt;/option&gt;
 &lt;option&gt;5&lt;/option&gt;
 &lt;/select&gt;
 
 &lt;div id="formFields"&gt;&lt;/div&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

Drew

@cfgcjmauthorJan 22.2008 — #Is there a way that on the page load a window (similar to an alert box) would pop up in which the user could enter the number of repetitions? as a normal text field instead of a combo box? I'll be dealing with repetitions between 10 and 30

Dynamic Form help

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Dynamic Form help

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴