Show/Hide multiple DIVs with Select using jQuery

Question

I essentially have the same situation as the person in the following question:

Link: how to show/hide divs by select.(jquery)

Through extensive searching wit

Answer 1

@fudgey has given a nice solution. but have little doubt. It will depend on value and need to change Attribute ID of

every time.

So I'd do this `

    $(document).ready(function() {
        $('.box').hide();
        $('#dropdown').change(function() {      
            var selectedIdx = (0 == $(this).attr("selectedIndex"))? '' :                 $(this).attr("selectedIndex");
            if("" != selectedIdx){
                $('#divarea'+ selectedIdx ).hide().siblings().show();
            } else {
                $('.box').hide();
            }        
        });
    });


    
        Choose
        DIV Area 1
        DIV Area 2
        DIV Area 3
    

DIV Area 1
DIV Area 2
DIV Area 3
`

0 讨论(0)

查看其它4个回答

发布评论:

提交评论

---

•  加载中...