javascript - 如何通过 JSON 更新 msDropDown 列表？

Question

我有一个带有 2 个 msDropDowns 的页面。更改第一个列表的值后，我想为第二个列表加载 JSON 数据并更改数据。

$.ajax({
    url: "http://foo.bar/data.json",
    type: "POST",
    data: {
        article: produkt,
        color: farbe,
        size: groesse,
        form: typ
    }
}).done(function (data) {
   var json = $.parseJSON(data);
   $('#colors').msDropDown({
        byJson:{
            data: json.color,
            name: 'color',
            width: 220
        }
    }).data('dd');

在文档中没有更新功能:-(

那么：如何更改 msDropDown 列表？

Answer 1

如果 $('#colors') 你正在使用 div 然后替换为

//now code starts

//destroy dropdown before ajax call


 var tempddl=$("#colors").msDropDown().data("dd");
   tempddl.destroy();

$.ajax({
    url: "http://foo.bar/data.json",
    type: "POST",
    data: {
        article: produkt,
        color: farbe,
        size: groesse,
        form: typ
    },
            success: function (data) {
                var returnedata = data;


                var ophtml='';

                Y.each( returnedata, function( key, value ) {  
//bind data into option filed  if you want to display image then place image src in //title attribute  
                    ophtml+='<option title='+returnedata[key].image+' value='+returnedata[key].value+'>'+returnedata[key].text+'</option>';
                    }); 

                    Y('#colors').html(ophtml);
                    Y("#colors").msDropDown().data("dd");
            }
        });
});

Answer 2

试试这个。它可能会帮助你。

        $.ajax({
          url: "http://foo.bar/data.json",
          type: "POST",
          data: {
            article: produkt,
            color: farbe,
            size: groesse,
            form: typ
         }
         }).done(function (data) {
             var json_data = $.parseJSON(data.responseText.trim());
             counter++;
             for(var i=0;i<json_data.length;i++) {
                json_data[i].text = json_data[i].NAME;
                json_data[i].value = json_data[i].VALUE;
                oHandler2.add(json_data[i]);//adding
             }
             oHandler2.showRows(json_data.length*h);
         });