creating text boxes dynamically 1

[coderwasp]

I have a select box with values 1-20. What I'd like to do is onChange, write a set of textboxes corresponding to the value in the select box. For instance, if the user selects 6, then 6 text boxes would appear on the page.

It could be something like:

<input name="text1" type="text" size="20">
<input name="text2" type="text" size="20">
.
.
.
.

 

[monksnake]

Something like this:

HTML:

<select blablahblkahblaj  onchange="drawTextboxes(this.value)">
<div id="textBoxArea"></div>

Javascript:

function drawTextboxes(boxNo) {
   var divContents = "";
   for (a = 0; a <= boxNo; a++) {
      divContents += '<input name="text' + a + '" type="text" size="20">'
   }
   document.getElementById("textBoxArea").innerHTML = divContents;
}

This is barebones, however ***Tested.



<.

 

[coderwasp]

that works, thanks

 

[monksnake]

Glad to help.

<.