如何通过JSON更新msDropDown列表？

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个2 msDropDowns的页面。在更改第一个列表的值后，我想加载第二个列表的JSON数据并更改数据。如何通过JSON更新msDropDown列表？

$.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列表

回答：

如果你正在使用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"); 
      } 
     }); 
});

回答：

试试这一个，它可以帮助你。

 $.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); 
     });

以上是 如何通过JSON更新msDropDown列表？ 的全部内容， 来源链接： utcz.com/qa/264225.html

回到顶部