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
[email protected]
http://jquery.com/discuss/
