0
<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.. 的字符串值。

这么困惑的家伙我哪里错了?

4

1 回答 1

4

你要:

incidentReport1[temp] = input.val();

当您需要使用计算属性名称时,请使用[ ]运算符。那是,

object.propertyName

是相同的

object[ "propertyName" ]
于 2012-06-21T15:44:23.187 回答