Heres a similar example from when I was starting out with jquery, had
ALOT of "test" pages back then :P
Might help you
Javascript:
var formOptions = {
male: 'test5.php?type=male',
female: 'test5.php?type=female',
unknown: 'test5.php?type=unknown'
};
$("#extraLoader").change( function () {
if (formOptions[this.value]) {
$("#extrafields").load(formOptions[this.value]);
}
});
HTML:
<select id="extraLoader" name="extraLoader">
<optgroup label="select your gender">
<option value="female" /> Female
<option value="male" /> Male
<option value="unknown" /> No idea
</optgroup>
</select>
<div id="extrafields"></div>
PHP (test5.php):
<?
if (isset($_GET['type']))
{
switch ($_GET['type'])
{
case "male":
?> <label for="desc">male</label><input type="text" name="desc"
id="desc"/>
<? break;
case "female":
?> <label for="desc">female</label><input type="text" name="desc"
id="desc"/>
<? break;
case "unknown":
?> <label for="desc">unknown</label><input type="text" name="desc"
id="desc"/>
<? break;
}
}
?>
// Kristinn
<div id="extrafields"></div>
On 2/19/07, Alex Ezell <[EMAIL PROTECTED]> wrote:
> Thanks Ben!
>
> I am working on implementing this now. I will post again, once I have
> it. Perhaps my blunders can help you to know what not to do :)
>
> /alex
>
> On 2/17/07, Benjamin Sterling <[EMAIL PROTECTED]> wrote:
> > Alex,
> > I would do something like:
> >
> > var optionstoform = {
> > roadtrip : 'roadtripform.htm',
> > vanpool : 'vanpoolform.htm'
> > };
> >
> > and on the select menu put a vanpool, roadtrip as the value of the options
> > and bind a change event to it, which i think you have already, and do a
> > $.load or $.ajax call that looks something like.
> >
> > $.ajax example
> >
> > $.ajax({
> > dataType: 'html',
> > url: optionstoform.roadtrip,
> > success:function(){
> > // events to add the new form element to old
> > }
> > });
> >
> > This is all just off the top of my head, but this is the approach I am
> > taking on a current project that needs to pull in an number of different
> > elements at a time.
> >
> > Hope this points you in the right direction.
> >
> > --
> > Benjamin Sterling
> > http://www.KenzoMedia.com
> > http://www.KenzoHosting.com
> > _______________________________________________
> > jQuery mailing list
> > discuss@jquery.com
> > http://jquery.com/discuss/
> >
> >
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
