Javascript 如何使用JSON数据设置Div内容

我有一个数组的JSON对象，我试图做的是动态填充div

• 我有一个

  select选项

  ，我用JSON数据的所有键填充它
• 在我的JSON中，每个键都有一个数据数组作为其值，我试图将这些值添加到其他

  div

  ，但这不起作用

代码

$（文档）.ready（函数（）{
var ImageData={
“雇用一名雇员”：[
“EmployA1.jpg”，
“就业2.jpg”
],
“雇用B”：[
“EmployeB1.jpg”
],
“雇用C”：[
“EmployeC1.jpg”
]
}
var countername=Object.keys（ImageData）
下拉列表=$（“#计数器名称”）
追加（'Select Counter'）；
对于（变量i=0；i
开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
浮动：对；
}
/*隐藏默认HTML复选框*/
.开关输入{
显示：无；
}
/*滑块*/
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入.成功：选中+.滑块{
背景色：#8bc34a；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（26px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}
/*圆形滑块*/
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}

选择计数器：




您错误地使用了数组“ImageData”的索引。
写入ImageData['value']而不是ImageData.value

另外，在下面的例子中，您编写了错误的代码，我的意思是：

  $(".list-group-item").text(ImageData.value)

如果要显示图像名称列表，请使用以下代码：


$（文档）.ready（函数（）{
var ImageData={
“雇用一名雇员”：[
“EmployA1.jpg”，
“就业2.jpg”
],
“雇用B”：[
“EmployeB1.jpg”
],
“雇用C”：[
“EmployeC1.jpg”
]
}
var countername=Object.keys（ImageData）
下拉列表=$（“#计数器名称”）
追加（'Select Counter'）；
对于（变量i=0；i'+title+''；
}
$（“.list group”）.html（ul_innerhtml）；
})
});
开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
浮动：对；
}
/*隐藏默认HTML复选框*/
.开关输入{
显示：无；
}
/*滑块*/
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入.成功：选中+.滑块{
背景色：#8bc34a；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（26px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}
/*圆形滑块*/
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}

选择计数器：




您说：-
我正在尝试将这些值添加到其他div，但这不起作用。我无法在您的任何应用程序中看到该代码部分snippet@AlivetoDie
$（“.list group item”）.text（ImageData.value）
在我的第一个代码片段中检查这一行