Question

我正在使用jquery复选框下拉插件进行多项选择，格式为json数据：

{"message":[{"id":"xyz","name":"USERA"},{"id":"abc","name":"USERB"}]}

我尝试使用json数据填充下拉列表，但我无法成功。任何帮助表示赞赏。

请在下面找到我用来填充下拉列表的方法：

$.ajax({type : "GET",
        url : "",
        data : "",
        dataType : "json",
        success : function(data) {

            var Options = '';
            $.each($(data.message), function() {

                Options +='<option value="'+this.name+'">'+this.name+'</option>'
            });
            $("#dropdown1").append(Options);
        }
    });

Answer 1

这一行 -

$.each($(data.message), function() { ... }

应该是这样的 -

$.each(data.message), function(index,elem) { ... });

然后，用于连接HTML的行应该如下所示 -

Options +='<option value="'+elem.name+'">'+elem.name+'</option>';

此外，您在Options +=行上错过了分号。

Answer 2

试试这个：

$.ajax({type : "GET",
        url : "",
        data : "",
        dataType : "json",
        success : function(data) {

            $.each($(data.message), function(index,val) {

               $('#dropdown1').append($("<option></option>").val(val.name).html(val.name));
            });

        }
    });

Answer 3

在我的代码中弄清楚wat出错了.. 必须在追加数据后调用dropdownchecklist（），如

success : function(data) {
     var Options = '';
     $.each($(data.message), function() {
         Options +='<option value="'+this.name+'">'+this.name+'</option>'
     });
     $("#dropdown1").append(Options);
     $("#dropdown1").dropdownchecklist();
}

如何提取json数据以填充清单下拉插件

3 个答案: