I initially tried the toggle() method but it didn't provide the correct
functionality for this specific issue.
stylo~ wrote:
This seems so common, is there no toggle function?
Btw, what is the best way to add little helpers like that to our own jquery?
Rey Bango-2 wrote:
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>
class="smaller">for event announcement only</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/
|
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
