如何将数据从文本框添加到数组中

How to add data to an array from text box/s?

本文关键字：添加 数组 文本 数据      更新时间：2023-09-26

我很纠结，我在赶课程进度。如何使用页面上文本框中的字符串向数组添加值？

var book = [
    {
        "name":"Book 1",
        "publisher":"Publisher 1",
        "isbn":"ISBN 1"
    },
    {
        "name":"Book 2",
        "publisher":"Publisher 2",
        "isbn":"ISBN 2"
    },
    {
        "name":"Book 3",
        "publisher":"Publisher 3",
        "isbn":"ISBN 3"
    },
];
book.push({"name":"Moby Dick","publisher":"Ryan Spain","isbn":"00147097"});

我知道我可以把它推到数组中，但我想从HTML中的文本框中获得的值中添加name、publisher和isbn的值。

编辑：添加信息

假设您有三个id为"name"、"publisher"answers"isbn"的输入。

var name = document.getElementById('name');
var pub = document.getElementById('publisher');
var isbn = document.getElementById('isbn');

当用户准备将一本书添加到您的列表中时，您可以添加一个按钮：

<button id="add">Add</button>
var button = document.getElementById('add');

然后你可以添加一个onclick:

button.onclick = function(){
  book.push({'name': name.value, 'publisher': pub.value, 'isbn':isbn.value});
}

获取信息：

就是你会怎么做。

book[0].name = "Book test";

你可以循环浏览你所有的书，并逐一更新：

for(var i = 0; i < book.length; i++){
   book[i].name = "Book " + i;
   //etc
}
相关文章：