how to create dropdown change event div block show and hide using jquery

step:1 give in id block of division

step:2 add inline css in div - style="display: none;"

step:3 put on cdn link

          <script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

step:4 add here block of code

$(document).ready(function () {
                    $('#dropdownid').change(function () {
                        var ddlValue = $(this).val();
                        if (ddlValue == 1 || ddlValue == 2) {
                            $('#divisionid').css('display', 'block');
                        }
                        else {
                            $('#divisionid').css('display', 'none');
                        }
                    });
                });

step:5 in code dropdown value 1 and 2 select user display block of div show or other selected value like 3 or above div tage hide 

Post a Comment

0 Comments