Question

I have a little problem, and an need your profesisonal…

So i have two forms in two div. DIV ID=A and DIV ID=B

When a user visit my site, a would like to offer the visitor to choose between the forms. he user see a drop down box, or two radio button, and if select option A then form A load, if B…then B..

But i don’t know how to do this, and what is the best practise to do this? May i use simple html, and after choose redirect to a subpage like formA.php and formB.php? Or use Jquery and simple hide and show the needed div?

What do ya suggest? And how im a do that?

Than you.

Answer 1

Jquery or similiar would be the most elegant imo. something like

<script type="text/javascript">
$(document).ready(function() {
    // hide the forms when page is ready
    $('#a').hide();
    $('#b').hide();

    $('#button1').click(function(){ 
        $('#a').show(); 
    });
    $('#button2').click(function(){ 
        $('#b').show(); 
    });
});
</script>

hide the forms, have 2 buttons (can be styled divs),. then when they are clicked, show the respective HTML form.

could be extended to “toggle” the forms, or only allow 1 to be selected.

problems may occur if JS is disabled however (both forms will be visible)