jQueryを使用してドロップダウンでJSONをバインドします。

Question

このレスポンスはJSON形式です。オブジェクト値とその 15m値をjQueryを使用してドロップダウンでバインドするにはどうすればよいですか？これらの値にはどうすればアクセスできますか？

{ 
    "USD": { 
    "15m": 478.68, 
    "last": 478.68, 
    "buy": 478.55, 
    "sell": 478.68, 
    "symbol": "$" 
    }, 
    "JPY": { 
    "15m": 51033.99, 
    "last": 51033.99, 
    "buy": 51020.13, 
    "sell": 51033.99, 
    "symbol": "¥" 
    }, 
    "CNY": { 
    "15m": 2937.05, 
    "last": 2937.05, 
    "buy": 2936.25, 
    "sell": 2937.05, 
    "symbol": "¥" 
    }, 
    "SGD": { 
    "15m": 605.39, 
    "last": 605.39, 
    "buy": 605.22, 
    "sell": 605.39, 
    "symbol": "$" 
    }, 
    "HKD": { 
    "15m": 3709.91, 
    "last": 3709.91, 
    "buy": 3708.9, 
    "sell": 3709.91, 
    "symbol": "$" 
    }, 
    "CAD": { 
    "15m": 526.72, 
    "last": 526.72, 
    "buy": 526.58, 
    "sell": 526.72, 
    "symbol": "$" 
    }, 
    "NZD": { 
    "15m": 582.26, 
    "last": 582.26, 
    "buy": 582.1, 
    "sell": 582.26, 
    "symbol": "$" 
    }, 
} 

Answer 1

https://plnkr.co/edit/53kBpBYWGrjnEobXyNLx?p=preview

私はこの

$.each(response, function(index, result) { 
     var opt = $("<option>",{ 
     "text":index, 
     "Value":result["15m"] 
     }); 
$("#try").append(opt); 

$(document).ready(function() { 
 
    $("#active").on("click", function() { 
 
    response = { 
 
    "USD" : {"15m" : 478.68, "last" : 478.68, "buy" : 478.55, "sell" : 478.68, "symbol" : "$"}, 
 
    "JPY" : {"15m" : 51033.99, "last" : 51033.99, "buy" : 51020.13, "sell" : 51033.99, "symbol" : "¥"}, 
 
    "CNY" : {"15m" : 2937.05, "last" : 2937.05, "buy" : 2936.25, "sell" : 2937.05, "symbol" : "¥"}, 
 
    "SGD" : {"15m" : 605.39, "last" : 605.39, "buy" : 605.22, "sell" : 605.39, "symbol" : "$"}, 
 
    "HKD" : {"15m" : 3709.91, "last" : 3709.91, "buy" : 3708.9, "sell" : 3709.91, "symbol" : "$"}, 
 
    "CAD" : {"15m" : 526.72, "last" : 526.72, "buy" : 526.58, "sell" : 526.72, "symbol" : "$"}, 
 
    "NZD" : {"15m" : 582.26, "last" : 582.26, "buy" : 582.1, "sell" : 582.26, "symbol" : "$"} 
 
}; 
 
    $.each(response, function(index, result) { 
 
     var opt = $("<option>",{ 
 
     "text":index, 
 
     "Value":result["15m"] 
 
     }); 
 
$("#try").append(opt); 
 
    }); 
 
    }) 
 
});

/* Styles go here */ 
 

 
#a{ 
 
    height:10000px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="day"> 
 
<select id = "try"></select> 
 
       <button id="active">Press me for change</button>