Question

I have a form which I am working on that has 3 choices of brand as the first selection, I need to show 1 of 3 divisions dependent upon which choice has been selected.

Is this possible using jQuery? If so what function should I be looking at?

Answer 1

here’s a example for you http://jsfiddle.net/rtXLe/

<select>
    <option value="#divA">a</option>
    <option value="#divB">b</option>
</select>

<div id="divA" class="brandDiv">brand A</div>
<div id="divB" class="brandDiv">brand B</div>

<script type="text/javascript">
    $(function() {
        $("select").change(function() {
            // hide all brands first
            $("div.brandDiv").hide();
            // val is something like #div1 or #div2
            var targetId = $(this).val();
            // show the new selected one
            $(targetId).show();
        });
    });         
</script>