Unhide form field if value from another field = other 1

humbleprogrammer · Jan 8, 2003

Hi,

I have a form with a couple of dropdown boxes. I want to show another form field (other description) only if other is chosen from the drop down box. I have accomplished this using VBScript, a querystring (type=text) and the onchange event, but am only able to get it to work if I have the form submit to itself. Is there a way I can open up another form field using JavaScript without having to submit the form? I suck at JavaScript so any help is greatly appreciated.

Thanks!

likeopensource · Jan 9, 2003

hello humble programmer

I have a code , a mixture of Javascript and ASP

There are 2 related dropboxes.
If the user selects a value in one, automatically the second dropbox is enabled and filled with values.
If the user selects a different item in the first dropbox, the second dropboxes changes its values
This is done without submitting the form

Is that what you are looking for?

crowell · Jan 9, 2003

I prefer to use something like this, because it gives you the ability to reset the "value" of the "hidden" field depending on the value of the first field.

<script language="JavaScript">
function checkfield()
{
if (formname.fieldname1.value == "Yes&quot

{
paraOtherField.innerHTML = '<font face="Verdana" size="2"><b><i>Fill in data: </i></b></font><input type="text" name="fieldname2" size="100" value="test" style="font-family: Arial; font-size: 8pt; font-weight: bold">';
}
else
{
paraOtherField.innerHTML = '<input type="hidden" name="fieldname2" size="12" value=" ">';
}
}
</script>

</head>

<body>

<form method="POST" action="gosomewhere.asp" name="formname" ID="formname">
<input type="text" name="fieldname1" size="100" style="font-family: Arial; font-size: 8pt; font-weight: bold" onChange="checkfield()">
<div id="paraOtherField"></div>

</form>

<script language="JavaScript">
checkfield();
</script>

</body>

(You can run the function as an "on-load" to populate the div's, or manually enter the initial content of the div's, or run the function at the end of the body to load the initial value of the div's.)

hope this helps.

humbleprogrammer · Jan 9, 2003

Thank you VERY much crowell! This is exactly what I was looking for.

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!

Unhide form field if value from another field = other 1

humbleprogrammer

Programmer

likeopensource

Programmer

crowell

Programmer

humbleprogrammer

Programmer

Similar threads

Part and Inventory Search

Sponsor