Hello,

I am trying to cascade two dropdowns in html5. There seems to be a problem with   $.getJSON but have been unable to figure it out:-

<script>

        alert('a');

        $(function () {

            alert('b');

            var empNmeSel = $('#dlEmpNme');

            alert('c');

            empNmeSel.attr('disabled', true);

            alert('d');

            $('#dlRole').change(function () {

                alert('e');

                var roleSel = $(this).val();

                

                alert('f');

               

                $.getJSON('/ResourcePlanning/MainPage' + roleSel, function (response) {

                    alert('h');

                    empNmeSel.attr('disabled', false);

                    alert('i');

                    empNmeSel.empty();

                    alert('j');

                    empNmeSel.append($('<option/>')

                        .attr('value', '')

                        .text('-Select-'));

                    alert('k');

                    $.each(response, function (index, objEmpNme) {

                        alert('l');

                        empNmeSel.append(

                            $('<option/>')

                            .attr('value', objEmpNme.dlRole)

                            .text(objEmpNme.dlEmpNme)

                            );

                        alert('m');

                    });

                  

                });

               

            });

        });

    </script>