создание выпадающего списка с 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)); 

    });