將JSON數據加載到下拉列表

-1

我有一個JSON返回下拉值（值和文本）。我需要將這些數據加載到我的下拉列表中。我不知道如何將這些數據加載到下拉菜單中。請告訴我可能性。將JSON數據加載到下拉列表

代碼

$('#SupplierId').change(function() { 
    var a = $(this).val(); 
    $.post('@Url.Action("MatchPoNo", "Subscriptions")', { Id: a }, function (data) { 

     $("#PoNo").select2({ 

     }); 
    }); 
});

來源

2013-01-22 Dheyv

[**追加（）**]（HTTP：// api.jquery.com/append/） – dualed

可能的重複：[我需要幫助填充我的JSON響應下拉列表]（http://stackoverflow.com/questions/8950025/i-need-help-populating-my-dropdown -with-my-json-response？lq = 1），[用JSON數據填充下拉菜單]（http://stackoverflow.com/questions/2205559/populating-dropdown-menu-with-json-data）等 – dualed

嘗試將工作：

var data = [ 
    {val: 1, text: "One"}, 
    {val: 2, text: "Two"}, 
]; 

$("#PoNo").append(function() { 
    return $.map(data, function(el, i) { 
     return '<option value=' + el.val + '>' + el.text + '</option>'; 
     // return $('<option>', {val: el.val, text: el.text}); 
    }); 
});

http://jsfiddle.net/SgCXy/

但是，如果你張貼比如你的JSON這將是很好。

來源

2013-01-22 14:55:36 dfsq

我沒有測試過這一點，但這樣的事情在你的回調應該工作。這假定你正在返回一個javascript數組。

data.each(function(){ 
$option = $("<option></option>"); 
$option.val(this.value); 
$option.html(this.text); 
$('#dropdown').append($option); 
});

來源

2013-01-22 14:52:20 Ethan

最簡單的方法是使用JQuery view engine，只是陣列裝載到下拉：

var data = [ 
    {"text":"North","value":"N"}, 
    {"text":"West","value":"W"}, 
    {"text":"South","value":"S","selected":true}, 
    {"text":"East","value":"E"} 
]; 
$("#dropdown").view(data);

在這裏看到的細節：https://jocapc.github.io/jquery-view-engine/docs/ajax-dropdown

來源

2017-12-09 10:58:23

將JSON數據加載到下拉列表

回答

相關問題