<html>
<head>
<script>
var qianzhui = "cc";
var test1="";
function test(){
var test="<table>";
for(var i=0;i<4;i++){
test = test + "<tr><td><input id='" + qianzhui + "_" + i + "1" + "'></input></td><td><input id='" + qianzhui + "_" + i + "2" + "'></input></td><td><input id='" + qianzhui + "_" + i + "3" + "'></input></td></tr>";//使用for循環向dom中寫入表格內容
}
test=test+"</table>";
document.getElementById("test").innerHTML = test;
}
function getTestValue() {
test1="{";
for (var i = 0; i < 4; i++) {
test1 = test1 + "\"cc" + i + "1\":" + "\"" + document.getElementById("cc_" + i + "1").value.toString().trim() + "\"," + "\"cc" + i + "2\":" + "\"" + document.getElementById("cc_" + i + "2").value.toString().trim() + "\"," + "\"cc" + i + "3\":" + "\"" + document.getElementById("cc_" + i + "3").value.toString().trim() + "\"";//使用for循環獲取表格中的內容
if (i < 4 - 1) {
test1 = test1 + ",";
}
else {
test1 = test1 + "}";
}
}
//document.getElementById("showTest").innerHTML = test1;
//var cc = eval("("+test1+")");//將文本轉換為json對象
//alert(cc["cc01"].toString().trim());//js讀取json的方式
}
function get() {
getTestValue();
var test = {
"cc": "aa",
"bb": "dd",
"ee":eval("("+test1+")")
}
document.getElementById("showTest").innerHTML = JSON.stringify(test);
alert(test["ee"]["cc21"].toString().trim());//js中json內容的訪問方式
}
</script>
<title></title>
</head>
<body>
<div id="test">
</div>
<div id="showTest">
</div>
<button id="Table" onclick="test()">生成Html代碼層框架</button>
<button onclick="get()">獲取輸入的值</button>
</body>
</html>
json的獲取與添加，分享以備忘。