问题描述
我有一个JSON对象，如下所示：
var info = [
{
"place": "Turkey",
"username": "jhon"
},
{
"place": "Dubai",
"username": "bruce"
},
{
"place": "Italy",
"username": "Wayne"
}
];
我有一个HTML表单，该表单接受该位置和用户名：
<html> <body> <form onsubmit="addJSON();"> Place:<br> <input type="text" id="placeval" value="place"> <br> username<br> <input type="text" id="usernameval" value="username"> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
我希望有一个JavaScript可以从两个输入框（ place和username ）中读取values ，并将它们附加到JSON存在的现有列表info中。
关于如何相处的任何建议？
非常感激！
1楼
k-nut
2
2015-07-31 09:08:37
function addJSON() {
var username = document.getElementById('usernameval').value;
var place = document.getElementById('placeval').value;
var newObject = {
"place": place,
"username": username
};
info.push(newObject);
}
小提琴： :
或如果小提琴在Codepen上不起作用： ://codepen.io/anon/pen/OVrVEV检查控制台以在此处查看更新的info
2楼
Kenny
1
2015-07-31 09:04:20
var place = document.getElementById("placeval").value,
username = document.getElementById("usernameval").value,
infoLength = info.length;
info[infolength] = {
"place": place ,
"username": username
}
3楼
rahimv
1
2015-07-31 09:18:04
可以使用简单的javaScript来完成。 无需使用jQuery就可以做到这一点。
addJSON（）方法中的第1行创建一个对象，并将文本框值分配给该对象属性。 第2行使用push（）方法将新创建的对象推送到信息数组中。
var info = [{"place": "Turkey","username": "jhon"},{"place":"Dubai","username":"bruce"},{"place":"Italy","username":"Wayne"}];
function addJSON(){
object = { "place" : document.getElementById("placeval").value, "username" : document.getElementById("usernameval").value};
info.push( object );
console.log( info );
}
</script>