jquery - 在 .getjson jquery 调用期间禁用选择下拉菜单并在完成后重新启用

Question

单击选择框后，我有以下代码在其中获取JSON。有时需要很长时间，并且用户在服务器端处理期间再次单击下拉菜单。

无论如何在服务器端调用期间禁用下拉菜单并在处理完成后重新启用它。

这是我的代码

 <script type="text/javascript">
        $(document).ready(function() {

            $('#userDropdown').change(function() {
                if (this.selectedIndex != 0) {
                    var URL = "/Users/GetUserJson/" + this.value;

                    $.getJSON(URL, function(data) {

                         var userID = data.UserId;
                         var userColor = data.UserColor;

                         . . . .

Answer 1

Nerdling 建议您隐藏选择，但我宁愿禁用它，就像您自己说的那样：

$('#userDropdown').change(function() {
    // Assign the select in a variable
    var sel = $(this);
    if (this.selectedIndex != 0) {
        // Disable it
        sel.attr('disabled', 'disabled')
        var URL = "/Users/GetUserJson/" + this.value;

        $.getJSON(URL, function(data) {

            var userID = data.UserId;
            var userColor = data.UserColor;

            // Enable it
            sel.removeAttr('disabled');

            ...