Question

我正在使用此Image Picker jQuery插件（http://rvera.github.io/image-picker/），我正面临以下问题：

在ajax调用后用新数据重新填充select控件。

$.ajax({
    type: "GET",
    url: requestURL,
    dataType: 'json',
    success: function(result)
    {
       $.each(result, function(i, obj) {
       console.log(obj.description);
       $('#cake-filling-types-select')
          .append($("<option data-img-src='" + obj.image + "'></option>")                                         
           .attr("value", obj.code)
           .text(obj.description));
    });
    $("#cake-filling-types-select").imagepicker({
       show_label  : true
    });

    $("#cake-filling-types-select").data("picker").sync_picker_with_select();
}});

有关详细信息，请在此处找到问题：https://github.com/rvera/image-picker/issues/79

感谢。

Answer 1

问题解决了。在@ArmindoMaurits @ GitHub的帮助下，使用＆＃39; $（＆＃34;＃蛋糕填充类型选＆＃34）空（）;＆＃39;可以清除此插件选择。

另外，对于其他一些项目没有进入选择控件的问题，我发现这些是缺少img src的那些。

更新了工作代码：

      `$.ajax({
            type: "GET",
            url: requestURL,
            dataType: 'json',
            success: function(result){

               $("#cake-filling-types-select").empty();

                $.each(result, function(i, obj) {

                    if(obj.image != null)
                    {
                        var imgSrc = obj.image;
                    }else{
                        imgSrc = '';
                    }

           $('#cake-filling-types-select')
              .append($("<option data-img-src='" + imgSrc + "'></option>")
                      .attr("value", obj.code)
                       .text(obj.description));
                });

                $("#cake-filling-types-select").imagepicker({
                    show_label  : true
                });

            }});`

在ajax调用之后，使用新数据重新填充Image Picker选择控件

1 个答案: