Javascript 根据JSON中的颜色值更改div的颜色

给定以下代码，我需要将“header”div的颜色更改为相应JSON中的颜色。使用：

$("#dropdown").change(function() {
$("#header").css("background-color", $(this).val());
}).change(); 

如何获取JSON中的十六进制颜色并将其应用于div

HTML

jQuery

$('#fetch').click(function() {
$.post('/echo/json/', {json: JSON.stringify(json)}, function(data) {
    $.each(data.dropdown, function(i, v) {
        $('#dropdown').append('<option value="' + v.optionText + '">' + v.optionText +     
'</option>');
    });
});
});
//change color of header container based on dropdown selection
$("#dropdown").change(function() {
$("#header").css("background-color", $(this).val());
}).change();

$（'#fetch'）。单击（函数（）{
$.post（'/echo/json/'，{json:json.stringify（json）}，函数（数据）{
$.each（数据下拉列表、函数（i、v）{
$（“#下拉列表”）.append（“”+v.optionText+
'');
});
});
});
//根据下拉选择更改标题容器的颜色
$（“#下拉列表”）.change（函数（）{
$（“#header”）.css（“背景色”，$（this.val（））；
}).change（）；

嗯，将颜色设置为值，而不是文本

<option value="' + v.optionText + '">

到

---

如果需要将值设置为文本，则可以使用数据属性。

这非常有效！还试图找出为什么没有

$（“#fetch”）、我无法加载JSON。单击
链接。有什么想法吗？
$('#fetch').click(function() {
$.post('/echo/json/', {json: JSON.stringify(json)}, function(data) {
    $.each(data.dropdown, function(i, v) {
        $('#dropdown').append('<option value="' + v.optionText + '">' + v.optionText +     
'</option>');
    });
});
});
//change color of header container based on dropdown selection
$("#dropdown").change(function() {
$("#header").css("background-color", $(this).val());
}).change();

<option value="' + v.optionText + '">

<option value="' + v.color+ '">