如何通过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');

文档中没有update-function :-(

那么:如何修改msDropDown列表呢？

Answer 1

如果您使用的是$('#colors')，则替换为

//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);
         });