【javascript】jsonの配列から動的にリストを生成する

【今回の紹介】

掲題の通り

【内容】

jsonの配列から動的にリストを生成する

■参考ソース

<script>
window.onload=function(){
addProblem();
addOption();
}


function addOption(){
for(var i=0;i<4;i++){
var add_li=document.createElement('li');
add_li.id='result_li'+i;
add_li.value=i;
var text=document.createTextNode(problem[0].option[i]);
add_li.appendChild(text);
$('option_ul').appendChild(add_li);
}}


//DOMOBJを取得する処理//
function $(id){
return document.getElementById(id);
}
</script>
<||


>|javascript|
var problem=[
	{"id"      :"",
 	 "category":"",
 	 "question":"",
 	 "main"    :"",
 	 "option":["","","",""]	,
	 "result"  :""
	}]