読者です 読者をやめる 読者になる 読者になる

FOR SE

文系の学部から新卒でメーカー系のSIerに就職。技術・スキルがないためブログを通して勉強。その後、IT業界の業界知識が活かせる人材業界に就職

このエントリーをはてなブックマークに追加

【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"  :""
	}]
.hatena-module:nth-of-type(10) { background: transparent; } .hatena-module:nth-of-type(10) .hatena-module-title{ display: none; } .hatena-module:nth-of-type(10) .hatena-module-body { padding: 0; }