I'm working on a mailing list manager and one of the options is to provide a
zip code for emailing anyone in that area. I'd like to hide this field
unless the user has selected the "Tour Date" option from a select field.

The relevant code is below. The second TR (and it's contents) will be hidden
by default using CSS, but I want to toggle it's display property when the
user selects or deselects the "event" option in the "type" dropdown field.

<table>
<tr class="formBG">
        <td class="formlabel" align="right">Mailing Type</td>
        <td>
                <select name="type">
                        <option value="general">General Announcement</option>
                        <option value="store">BCC Store Announcement</option>
                        <option value="ckc">Clowndergarten Announcement</option>
                        <option value="event">Event Announcement</option>
                </select>
        </td>
</tr>
<tr class="formBG">
        <td class="formlabel" align="right">Zip Code of event<br><i
class="smaller">for event announcement only</i></td>
        <td><input type="text" name="zip" id="zipfield" class="zcinput"></td>
</tr>
</table>

How would I do this with jQuery?

<!----------------//------
andy matthews
web developer
certified advanced coldfusion programmer
ICGLink, Inc.
[EMAIL PROTECTED]
615.370.1530 x737
--------------//--------->


_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Reply via email to