Question

So here’s what I have.
There’s this dropdown box, with values, lets say A, B, C.

Now, when A is selected, I want to load form A underneath it. Similarly, when B and C are selected, I want to load their respective forms underneath my drop down box?

Is this possible with jQuery, and if so, how would I go about doing it? I don’t have much experience with Javascript, but I have learnt a lot (though how much I remember, I’m not sure)

Cheers!

EDIT: Thanks guys! Is there anyway to do it with an input instead of a dropdown box?

Answer 1

Samplecode:

$('#youdropdownboxIdGoeshere').change(function() {
    $.ajax ({
        url: "yourfile.php?show="+$(this).val(),
        cache: false,
        success: function(html) {
            $('#divForResulthere').html(html);
        }
    }):
});

And then you have to make the php-file this points to. In the script, decide what menu to display and echo the whole dynamic dropdown. The content will then be parsed by jQuery.