Hey Andy, you can do something like this:
$(document).ready(function() {
$( "#type" ).change( function() {
if ( $( this ).val() == "event" )
$("#zipCode").show();
else
$("#zipCode").hide();
})
});
<tr id="zipCode">
<td align="right">Zip Code of event</td>
<td><input type="text" name="zip" id="zipfield"></td>
</tr>
</table>
Andy Matthews wrote:
> 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
> [email protected]
> http://jquery.com/discuss/
>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
