Showing/Hiding fields Help

[allydm]

Hi there. I have a form with a drop down selection box, and if someone selects the option in it called 'Other' then i would like a text entry box to appear.

So far i have...

[code]<select name="subject" id="subject">
    <option value="Purchasing Artwork">Purchasing Artwork</option>
    <option value="Viewing Artwork">Viewing Artwork</option>
    <option value="Commissions">Commissions</option>
    <option value="Other" onSelect="document.getElementById('iAmHidden').style='visibility:visible;';" />Other</option>
</select>

<div style="visibility:hidden; display:none;" id="iAmHidden">
<input name="reason" type="text" id="reason" value="Please Specify">
</div>[/code]

However this isn't achieving the effect i'm after (the box won't display!). Can anyone see why? Or suggest a better code.

Thanks for any help guys/gals.

Alex.

[FrOzeN]

Try:
[code]<select name="subject" id="subject">
    <option value="Purchasing Artwork">Purchasing Artwork</option>
    <option value="Viewing Artwork">Viewing Artwork</option>
    <option value="Commissions">Commissions</option>
    <option value="Other" onSelect="document.getElementById('iAmHidden').style.visibility = 'visible';" />Other</option>
</select>

<div style="visibility: hidden;" id="iAmHidden">
<input name="reason" type="text" id="reason" value="Please Specify">
</div>[/code]

[allydm]

Hi.

Unfortunatly it is still not showing even when the 'Other' option is selected.

Any ideas?

Thanks.

[fenway]

You can't use onselect for an OPTION tag... use onchange on the SELECT tag instead.