與json建立下拉列表

Question

要求： 我有一個json響應，我想轉換爲dropdown。我正在使用一個玉石模板來處理迭代，但我有麻煩獲取值。我希望將sys_id作爲從下拉列表中選擇選項（u_product_name）的值傳遞。

JS

result = //result is coming from API but this is what a console.log(result) shows 
{ result: 
    [ 
    { sys_id: '7d950856', 
     u_product_name: 'ACCESS' }, 
    { sys_id: '803279e1', 
     u_product_name: 'AVAYA' }, 
    { sys_id: '87484c96', 
     u_product_name: 'ADAMO' }, 
    { sys_id: 'b3b9001a', 
     u_product_name: 'ADM' } 
    ] 
} 

最近的事情，我已經用JSON strigify得到，儘管拆分每個字母作爲一個新的選擇。

Answer 1

試試這個，我希望它會工作：

HTML：

<select id="items"></select> 

腳本：

var data={ result: 
        [ 
        { sys_id: '7d950856', 
         u_product_name: 'ACCESS' }, 
        { sys_id: '803279e1', 
         u_product_name: 'AVAYA' }, 
        { sys_id: '87484c96', 
         u_product_name: 'ADAMO' }, 
        { sys_id: 'b3b9001a', 
         u_product_name: 'ADM' } 
        ] 
    }; 

var elemArr = data.result; 
var select = document.getElementById('items'); 

for (options in elemArr) { 
select.add(new Option(elemArr[options].u_product_name)); 
} 

工作演示：https://jsfiddle.net/rohitjindal/ndfv8cy0/

Answer 2

樣品是

var data={ result: 
     [ 
     { sys_id: '7d950856', 
      u_product_name: 'ACCESS' }, 
     { sys_id: '803279e1', 
      u_product_name: 'AVAYA' }, 
     { sys_id: '87484c96', 
      u_product_name: 'ADAMO' }, 
     { sys_id: 'b3b9001a', 
      u_product_name: 'ADM' } 
     ] 
    } 

    $.each(data.result, function (key, value) { 

     $("#yourdropdownid").append($("<option></option>").val(value.sys_id).html(value.u_product_name)); 

    });