dynamically generating text box.

aspuser27 · January 18th, 2005, 03:23 AM

i have a drop down box with a list of 20 products.i want that when i click to the 1st product 2 textboxes should be generated so that the user can enter the values.
when i click to another product then another set of 2 boxes shoudl appear...is it feasible??

thanks ...

Santhi · January 20th, 2005, 08:50 AM

You Can do it.Create all the textboxes you want and onSelectionChange of dropdown list enable the textboxes you want.

Shibu · January 20th, 2005, 09:53 AM

As per my knowledge we have 2 ways to tackle this problem.

1.

  Create all the textboxes and keep it invisible.
  Keep in mind that each set should be in saparate "div" or "table" or "tr". You can apply style.display="none" to make these things invisible.
Now on each selection make the appropriate sections visible.
ie using style.display = "block".

  The only problem for this method is that it will cause some delay in brnging the page upto the browser

2. You can use HTML DOM.

sureshbabu · January 21st, 2005, 12:39 AM

Hi,
Can u check whether the following example is useful to you or not..
----------
<%@ Language=VBScript %>
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<script>
function disableExperience()
{
    if(document.fTest.Category[0].checked)
    {
        document.fTest.sExperience.selectedIndex = 0
        document.fTest.sExperience.disabled = true
    }
    else
    {
        document.fTest.sExperience.disabled = false
    }
}

</script>
<script event="onmousedown" for="fTest">
    disableExperience()
</script>
</HEAD>
<BODY>
<form name=fTest>
Category:
<input type=radio name=Category value=0 onclick="disableExperience()">Fresher</option>
<input type=radio name=Category value=1 onclick="disableExperience()">Experience</option>
<br>
<br>
Experience:
<br>
<br>
<Div id="dExperience">
<select name=sExperience>
<option value=0>Select</option>
<option value=1>1 Year</option>
<option value=2>2 Years</option>
</select>
</Div>
</form>

<P> </P>

</BODY>
</HTML>
--------
Thanks
Suresh