> 
> Here is my Code. What I am doing is when I select a value in the first
> dropdown value in Other dropdown is automatically fetched and selected
> from Database. But currently when I am selecting the first dropdown
> screen becomes inactive for some seconds and it becomes inactive when
> Value in second select List is Loaded. So what I want to do is I want
> to show loader before value in the second select list not gets loaded.
> 
> 
> Here is My Code :
> 
> 
> 

```
function GetRefferalContactDetails(_AgencyId) {
            $.ajax({
                url: '/SalesForce/GetReferralContactInfo',
                data: { agencyId: _AgencyId },
                cache: false,
                method: "POST",
                success: function (data) {
                    if (data == null) {
                        $("#ReferralInspectorId").html("");
                        $('#ReferralInspectorId').append($('<option>', {
                            value: '',
                            text: 'No Contacts to show'
                        }));
                    }
                    else {
                        $("#ReferralInspectorId").html("");
                        $.each(data, function (i, item) {
                            var fn = item.firstName || '';
                            var ln = item.lastName || '';
                            $('#ReferralInspectorId').append($('<option>', {
                                value: item.contactId,
                                text: fn + ' ' + ln
                            }));
                        });
                    }
                }
            })
        }

```