javascript - 使用 json 构建下拉列表

Question

要求: 我有一个 json 响应，我想将其转换为 dropdown。我正在使用 jade 模板来处理迭代，但在获取值时遇到了问题。我希望在从下拉列表中选择选项 (u_product_name) 时将 sys_id 作为值传递。

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/