bongmarley
Programmer
I have a textbox that i want to be visible or invisible depending on what is selected in a select box. If 1 in selected then textbox is hidden. If 2 sellected the textbox is visible. How do I go about this?
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
If statement using CSS
- Thread starter bongmarley
- Start date
- Status
Try this:
<html>
<head>
</head>
<body>
<script language="javascript">
function HideUnhideButton(TheValue)
{
if (TheValue == 'Option1')
document.MyForm4.MyText4.style.visibility = 'hidden';
else
document.MyForm4.MyText4.style.visibility = 'visible';
}
</script>
<form name="MyForm4">
<SELECT name="selectboxname" ONCHANGE="HideUnhideButton(selectboxname.options[selectboxname.selectedIndex].value);" SIZE="1">
<OPTION value="none" selected>- Select an option -</OPTION>
<OPTION value="Option1">Option 1 (hidden)</OPTION>
<OPTION value="Option2">Option 2 (visible)</OPTION>
</SELECT>
<br><br>
<input style="visibility:hidden" TYPE="text" NAME="MyText4">
</form>
</body>
</html>
Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
<html>
<head>
</head>
<body>
<script language="javascript">
function HideUnhideButton(TheValue)
{
if (TheValue == 'Option1')
document.MyForm4.MyText4.style.visibility = 'hidden';
else
document.MyForm4.MyText4.style.visibility = 'visible';
}
</script>
<form name="MyForm4">
<SELECT name="selectboxname" ONCHANGE="HideUnhideButton(selectboxname.options[selectboxname.selectedIndex].value);" SIZE="1">
<OPTION value="none" selected>- Select an option -</OPTION>
<OPTION value="Option1">Option 1 (hidden)</OPTION>
<OPTION value="Option2">Option 2 (visible)</OPTION>
</SELECT>
<br><br>
<input style="visibility:hidden" TYPE="text" NAME="MyText4">
</form>
</body>
</html>
Hope this helps,
Erik <-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
- Thread starter
- #3
- Status