<html>
<head>
<title>testjson</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
var incidentReport1 = {
"text1": "n/a",
"text2": "n/a",
"text3": "n/a",
}
function readHtmlForInputs() {
var count = 0; //Setting count to 0
$('input').each(function(){
var input = $(this);
var temp = (input.attr('id'));
if(input.attr('type') == 'button'){alert('button');}
else{
incidentReport1.temp = input.val();
count++; //Incrementing counter
}
});
console.log("Input Types Found:" + count);
}
function saveChanges()
{
readHtmlForInputs();
console.dir(incidentReport1);
}
</script>
</head>
<body>
<input type="button" value="save" onclick="saveChanges();"/>
<input type="text" name="Surname" id="text1" class="InputText" /><br>
<input type="text" name="Surname" id="text2" class="InputText"/><br>
<input type="text" name="Surname" id="text3" class="InputText"/><br>
</body>
</html>
得到了上面的代码块,我希望能够动态获取输入 ID,并使用 ID 在 incdientReport1 json 中分配一个值。当我做这个问题时似乎是这条线......
var temp = (input.attr('id'));
分配 ID 并在控制台中显示它时工作正常
但是当这行代码
incidentReport1.temp = input.val();
运行它会将其保存到一个名为 temp 的新字段,而不是 temp.. 的字符串值。
这么困惑的家伙我哪里错了?