我有这些类型的对象:
var users = {
1: {name: "John Smith", description: "CEO Of Google", image: "None"}
2: {name: "Elizabeth II", description: "Queen of England", image: "None"}
}
我需要使用 html 表单通过用户输入向其添加更多值
Title <input type="text" name="title" id="title_text" />
Description <input type="text" name="description" id="description_text" />
Image <input type="text" name="image" id="image_text" />
<input type="submit" value="Ok" name="add_member"onClick="arrayAdd()" />
你们能告诉我这种操作的 JS 后端是什么样子吗?
谢谢。
最佳答案
这是一个工作示例:http://jsbin.com/OpOMOsA/1/edit 在 Chrome 中打开控制台窗口,您将在 users 数组中看到新值。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script>
var users = [
{name: "John Smith", description: "CEO Of Google", image: "None"},
{name: "Elizabeth II", description: "Queen of England", image: "None"}
];
function arrayAdd()
{
var title_text =$("#title_text").val();
var description_text =$("#description_text").val();
var image_text =$("#image_text").val();
users.push({name:title_text,description:description_text,image:image_text});
console.log(users);
}
</script>
</head>
<body>
Title <input type="text" placeholder="Scott Aasrud" name="title" id="title_text" />
Description <input type="text" placeholder="VP, Public sector" name="description" id="description_text" />
Image <input type="text" placeholder="http://example.com/image.jpg" name="image" id="image_text" />
<input type="submit" value="Ok" name="add_member"onClick="return arrayAdd();" />
</body>
</html>
关于javascript - 如何在 JavaScript 中创建动态对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18821499/