Right, I've managed to get this half working now.  I put my code into
a function, and put an onclick param on each <option> tag, so when
it's selected it runs my code:

example:
<script>
                function contactTypeVenue() {
                        $(document.getElementById("cf_position")).hide();
                        $(document.getElementById("cf_email")).hide();
                }
                
                function contactTypePerson() {
                        
                        $(document.getElementById("cf_position")).show();
                        $(document.getElementById("cf_email")).show();
                }
                
                function contactTypeCompany() {
                        $(document.getElementById("cf_position")).hide();
                }
</script>

<select name="contact_type" class="contact_type" title="This allows
you to select what kind of contact you are adding. Depending on your
options, different fields will appear for you to fill in."
onfocus="javascript:showToolTip();">
                                                <option value="person"
onClick="javascript:contactTypePerson();">Person</option>
                                                <option value="venue"
onClick="javascript:contactTypeVenue();">Venue</option>
                                                <option value="company"
onClick="javascript:contactTypeCompany();">Company</option>
</select>

But now the problem I'm experiencing is when I use different
selections of options.  For example, when I change it to company, it
removes the div cf_position, but not cf_email.  When I then click
person, cf_email is already visible and causes the div to render
incorrectly.

Is their any way to check the state of a div tag first before
executing the code?

On 18/08/06, digital spaghetti <[EMAIL PROTECTED]> wrote:
>
> Hi there,
>
> I'm new to jQuery.  I've tried out a few AJAX things in the past, but I am 
> very happy to settle on jQuery as it seems to have everything a developer 
> could need :)
>
> I'm having a bit of trouble though, and I appologise if I sound thick, but I 
> would like to use jQuery to create dynamic forms and I cannot seem to get it 
> to work.
>
> I am creating a Contact tool, and with the tool I have a dropdown that allows 
> you to select the type of contact (person, place, company, etc).  Based on 
> the option selected, I want to present the required fields to the user, and 
> remove fields not required from the view.
>
> I've tried to look through the docs, and cannot find what I am looking for.  
> What I want to do, is have a script that grabs the value from my select field 
> (name="contact_type" class="contact_type") and based on this value, runs a 
> short script to show and hide the required fields.
>
> I think once I get over this problem, the rest of the development should be 
> relativly easy.
>
> Any help would be appreciated.
>
> Regards,
> Tane Piper
> No Half Measures
>

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

Reply via email to