Javascript and dynamic form objects

NoChat · Dec 10, 2007

All --

I'm looking for some Javascript code that will let me select a number
from a drop-down list (1-100) and dynamically generate that number of
form objects for a user to fill out. Basically, it's an order form.
A user will select how many items he or she would like to order, and
then based on that number, the proper number of fields will be
displayed for completion.

Having some trouble figuring out how to do this, any help is greatly
appreciated!

Lee · Dec 10, 2007

NoChat said:

All --

I'm looking for some Javascript code that will let me select a number
from a drop-down list (1-100) and dynamically generate that number of
form objects for a user to fill out. Basically, it's an order form.
A user will select how many items he or she would like to order, and
then based on that number, the proper number of fields will be
displayed for completion.

Having some trouble figuring out how to do this, any help is greatly
appreciated!

Don't forget to consider the case in which the user, after filling
out 100 fields, realizes that they really need 103. Most simple
solutions to this problem will delete everything they've entered.

A better solution might be to design the page so that filling in
one field triggers the creation of the next one.

--

NoChat · Dec 10, 2007

NoChat said:

Don't forget to consider the case in which the user, after filling
out 100 fields, realizes that they really need 103. Most simple
solutions to this problem will delete everything they've entered.

A better solution might be to design the page so that filling in
one field triggers the creation of the next one.

--

Very true. Perhaps I should add a few input boxes for the first item
and offer an "Add Another Item" button at the bottom so the user can
add as he or she needs as opposed to all at once. Anyone have
experience doing this? I found a few scripts on the net, but none
seem to work all that well...

Doug Gunnoe · Dec 10, 2007

All --

I'm looking for some Javascript code that will let me select a number
from a drop-down list (1-100) and dynamically generate that number of
form objects for a user to fill out. Basically, it's an order form.
A user will select how many items he or she would like to order, and
then based on that number, the proper number of fields will be
displayed for completion.

Having some trouble figuring out how to do this, any help is greatly
appreciated!

Here is an example I whipped up. May or may not be what you need.

Good luck!

<html>

<head>
<title>Write text boxes</title>
</head>

<body>

<form>

<select id="numOfTextBoxes" name="numOfTextBoxes"
onChange="writeTextBoxes()">
<option SELECTED value=0>0</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>
</select>

<script>
function writeTextBoxes(){

txtBoxHome = document.getElementById("homeForTextBoxes");
wrTextBxs = document.getElementById("numOfTextBoxes");
n = wrTextBxs.options[wrTextBxs.selectedIndex].value;
htmlString ="";
txtBxName = "txt_box_";

for(i = 0;i<n;i++){
txtBxName = "txt_box_" + i;
htmlString += "<br><input type='text' name='" + txtBxName + "' />";
}

txtBoxHome.innerHTML=htmlString;

}
</script>

<div id="homeForTextBoxes"></div>

</form>

</body>

</html>

Very Basic CC Validation Javascript	0	Oct 29, 2019
Why is this WordPress comments form not submitting?	1	Jan 12, 2020
Javascript and dynamic setting wmode to transparent for flash objects	4	Jan 11, 2008
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
Hidden Form Objects and asp	3	Sep 18, 2007
javascript to validate form	1	Aug 29, 2007
non-obtrusive javascript, intercept form submission	3	Apr 22, 2009
JavaScript for Form (using CGI formmail) that sends user a copy ofthe form data	1	Aug 26, 2010

Javascript and dynamic form objects

NoChat

Lee

NoChat

Doug Gunnoe

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads