Using Div tag display/hide form fields

@shanuraguJul 26.2005

HI,

I have a drop down with two values Yes And No.. based on the value selected I should display two more fields.

Ex. If I select I should display one drop down and a text area. Initially those two fields should be hidden. I know that I can do this using Div tag.

Can any one help me to get through this problem.

shan ?

to post a comment

HTML

@ray326Jul 27.2005 — #(You shouldn't use a dropdown for a yes/no. A checkbox or radio button pair does the job without hiding anything.)

You have to use Javascript. Use an onchange handler in the yes/no widget to show/hide the div with the other widgets.

@shanuraguauthorJul 28.2005 — #Thankx ray326

Can u plz give me the code ...

Here is my code .. what's wrong with this

**********
function checkType(aType)

{

alert(aType)

if (aType="Conditional")

{

showConditionalDetails();

}

else

{

hideConditionalDetails();

}

}

function showConditionalDetails()
   {
   alert("in show")
   document.getElementById("removeBeneficiaries").style.display=""
   document.getElementById("remarksConditional").style.display=""
   } 
 
  function hideConditionalDetails()
   {
   document.getElementById("removeBeneficiaries").style.display="none"
   document.getElementById("remarksConditional").style.display="none"
   }

I'll call checkType in combo ..

shan

@ray326Jul 29.2005 — #Well this is really a DHTML/Javascript question so I'd recommend you ask there to get the best help. In fact there are probably examples already there if you look.

Using Div tag display/hide form fields

3 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Using Div tag display/hide form fields

3 Comments(s) ↴

Also in #HTML ↴

Success!

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

Social

Version

3 Comments(s) _↴

Also in #HTML _↴