我有一个 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
来从两个输入框(地点
和 用户名
读取值
>) 并将它们附加到我的 JSON
中存在的现有列表 info
中。关于如何相处有什么建议吗?非常感谢!
最佳答案
function addJSON() {
var username = document.getElementById('usernameval').value;
var place = document.getElementById('placeval').value;
var newObject = {
"place": place,
"username": username
};
info.push(newObject);
}
fiddle :http://jsfiddle.net/dpv7L8ks/
或者如果 fiddle 在 codepen 上不起作用:http://codepen.io/anon/pen/OVrVEV
检查控制台以在此处查看更新的信息
关于javascript - 如何从输入框中读取数据并存储在 JSON 文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31742085/