Ad:

JSP Discussion Thread
Unsolved
Views: 4831

Jun 30th, 2009

Adding textbox dynamically based on dropdown value

Expand Post »

Hi,
I like to add textbox based on the user selection in drop down box,I have used an function to do that but its not workin,also i like to append the selected value(from drop down) to the input from the text box.

Cheers!
lpk

Similar Threads

Saving textbox data based on date selected in VB.NET
Please Help!!! Problems Adding Row Dynamically using Javascript in JavaScript / DHTML / AJAX
Adding a textbox dynamically in ASP.NET
need some help with a dynamically populated dropdown menu... in PHP
Adding things to Array-Based Lists in C++

prasannakarthik

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Jun 2009

Permalink

Jun 30th, 2009

Re: Adding textbox dynamically based on dropdown value

Please show your code first

ayesha789

Reputation Points: 17

Solved Threads: 6

Posting Pro in Training

Offline

485 posts
since Jun 2009

Permalink

Jun 30th, 2009

Re: Adding textbox dynamically based on dropdown value

HTML code:

html Syntax (Toggle Plain Text)
<td><select name=select1 id="Expertise" name="Expertise" onChange=checkForm(document.form1.select1)> 
            	<option>Trained</option>
            	<option>ProjectExp</option>
            	<option>Certified</option>
            	<option>ProjectExp & Certified</option></select>
            	</td>
<td><select name=select1 id="Expertise" name="Expertise" onChange=checkForm(document.form1.select1)> 
            	<option>Trained</option>
            	<option>ProjectExp</option>
            	<option>Certified</option>
            	<option>ProjectExp & Certified</option></select>
            	</td>

SCRIPT:

JavaScript Syntax (Toggle Plain Text)
function checkForm(type) {      
     var a=type.selectedIndex
    if(a==1)
{//code to add text fields
}
 
}
function checkForm(type) {      
     var a=type.selectedIndex
    if(a==1)
{//code to add text fields
}
  
}

Last edited by peter_budo; Jun 30th, 2009 at 1:51 pm. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

prasannakarthik

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Jun 2009

Permalink

Jun 30th, 2009

Re: Adding textbox dynamically based on dropdown value

this is what you are looking for , i guess

JSP Syntax (Toggle Plain Text)
<html>
<head>
</head>
<script type="text/javascript">
function showdv(obj,id1,id2)
{
 
txt=obj.options[obj.selectedIndex].text; 
document.getElementById("box").style.display='none';
 
if(txt.match(id1))
{
document.getElementById("box").style.display='block';
document.getElementById("boxx").value=txt
}
 
if(txt.match(id2))
{
document.getElementById("box").style.display='block';
document.getElementById("boxx").value=txt
}
 
 
}
</script>
 
<body>
 
<thead>
<select id="opts" onchange="showdv(this,'one','two');" >
<option value="">select</option>
<option value="one">one</option>
<option value="two">two</option>
</select>
</thead>
 
<div id="box" style="display:none;">			
<input Type="text" id="boxx"  maxlength="20" >
</div>
 
</body>
</html>
<html>
<head>
</head>
<script type="text/javascript">
function showdv(obj,id1,id2)
{

txt=obj.options[obj.selectedIndex].text; 
document.getElementById("box").style.display='none';

if(txt.match(id1))
{
document.getElementById("box").style.display='block';
document.getElementById("boxx").value=txt
}

if(txt.match(id2))
{
document.getElementById("box").style.display='block';
document.getElementById("boxx").value=txt
}


}
</script>

<body>

<thead>
<select id="opts" onchange="showdv(this,'one','two');" >
<option value="">select</option>
<option value="one">one</option>
<option value="two">two</option>
</select>
</thead>

<div id="box" style="display:none;">			
<input Type="text" id="boxx"  maxlength="20" >
</div>

</body>
</html>

hope it helps...

aashishn86

Reputation Points: 10

Solved Threads: 9

Junior Poster

Offline

184 posts
since Jun 2008

Permalink

Jul 7th, 2009

Re: Adding textbox dynamically based on dropdown value

Hi ayesha,
The code you have given works great..But when i make some changes,i got struck with it...
Actually i will be having multiple drop down boxes(no's decided dynamcially)when i select 1 and 2 a text should appear near to the drop down..

Can you help me out in this...

prasannakarthik

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Jun 2009

Permalink

Jul 7th, 2009

Re: Adding textbox dynamically based on dropdown value

@prasannakarthik
can we see the code ayesha gave you ??

aashishn86

Reputation Points: 10

Solved Threads: 9

Junior Poster

Offline

184 posts
since Jun 2008

Permalink

Jul 14th, 2009

Re: Adding textbox dynamically based on dropdown value

ajax
take a look
http://www.daniweb.com/forums/thread197237.html

CoSIS1

Reputation Points: 10

Solved Threads: 1

Newbie Poster

Offline

22 posts
since Jun 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JSP Forum Timeline: How to create tabs using jsp?

Next Thread in JSP Forum Timeline: Image Upload & Display Image

DaniWeb Message

Cancel Changes

User Name
Password