pramodkhanna — Fri, 24 Sep 2004 09:49:33 +0000

ya now i can modify the code and use it as per my requirement.
but i dont think it is a bad style, if i use it in forms too.

KeithMcL — Thu, 23 Sep 2004 10:41:59 +0000

Glad I could help. Basically all it does it change the style from visibility: hidden to visibility: visible. You should be able to modify the code above for other form elements easily enough

pramodkhanna — Thu, 23 Sep 2004 06:23:16 +0000

thanks a lot, i just wanted this.
thanks again

KeithMcL — Wed, 22 Sep 2004 15:01:01 +0000

Ah ok, I get you now.

You still need to use javascript to achieve this effect. You use the onChange event like so:

<html>
<head>

&lt;script type="text/javascript" language="javascript"&gt;
function checkIt(ref) {
	if(ref.options[ref.selectedIndex].text == "creditcard") {
		document.frmTest.ccnumber.style.visibility = "visible";
	} else {
		document.frmTest.ccnumber.style.visibility = "hidden";
	}
}
&lt;/script&gt;

</head>
<body>

<form name="frmTest">
<select name="selTest" onChange="checkIt(this)">
<option value="1">creditcard</option>
<option value="2">abc</option>
<option value="3">xyz</option>
<option value="4">other</option>
</select>
<p />
<input type="text" name="ccnumber" style="visibility: hidden" />
</form>

</body>
</html>

pramodkhanna — Wed, 22 Sep 2004 07:10:13 +0000

yes, that's exactly what i m looking for.
some fields remain hidden, until a user selects and option from a drop down menu or selects it from a radio button group.
As soon as an option is selected, the hidden fields will become visible and when the option is unselected the fields will become hidden.

KeithMcL — Tue, 21 Sep 2004 14:09:36 +0000

I'm still not sure what you're looking for. Are you looking to have certain fields hidden on the page until a user chooses an option from a drop down menu?

pramodkhanna — Tue, 21 Sep 2004 13:20:16 +0000

using this style in a form is just an example.
i can use this style anywhere in the website.
the main question is can this be done.
if yes, then how??

JeevesBond — Tue, 21 Sep 2004 08:40:17 +0000

It should be noted that this is bad practice. Using javascript to submit the form on a combo box event is not what a user expects, the form should only be submitted when the user presses a submit button.

Perhaps several pages could be used, with different templates as flipper suggested?

openmind — Tue, 21 Sep 2004 08:17:05 +0000

You could do it server side to include a different template for each selection?

pramodkhanna — Tue, 21 Sep 2004 08:01:38 +0000

no this is not what i wanted. anyway thanks.