2016-10-03 17 views
1

要件: 私はdropdownに変換したいと思っているjson応答があります。私は繰り返しを処理するためにヒスイのテンプレートを使用していますが、私は値を取得するトラブルを抱えています。私はsys_idをドロップダウンからオプション(u_product_name)を選択する際の値として渡したいと思います。jsonでプルダウンを開く

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を使用していました。

HTML::

答えて

4

ある

<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/

1

サンプルは、私はそれが動作を願っています、これを試してみてください

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)); 

    }); 
関連する問題