如何使用jquery在对象中保存输入值,然后将其保存到数组中

aquasp • 5 年前 • 1600 次点击

我认为这个标题本身就解释了。我需要将输入值保存在一个对象中,然后将这个对象保存在一个数组中。

<html>
  <head>
    <title>Teste</title>
  </head>
  <script>
    function vai(){
      var pessoa = {
      nome = document.getElementById('nome').value,
      idade = document.getElementById('idade').value
    };
      var i = 0;
      var pessoas = [];
      pessoas[i] = pessoa{};
      i++;
    }

  </script>

  <body>
    <label>Digite seu nome aqui</label>
    <input type='text' id='nome' placeholder='aquii'>
    <label>Digite sua idade aqui</label>
    <input type='text' id='idade' placeholder='aquii'>
    <button onclick='vai()'>
      Teste aqui
    </button>

  </body>
</html>

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/38277

1600 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

Mamun 6 年前

您应该在全局环境中声明数组(在函数外部)。在对象内部还存在一些语法问题(应该是 : 而不是 = )那么你可以简单地 push() 对象在数组中的每个按钮中单击。

请尝试以下方法:

var pessoas = [];
function vai(){
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas.push(pessoa);
  console.log(pessoas);
}

<label>Digite seu nome aqui</label>
<input type='text' id='nome' placeholder='aquii'>
<label>Digite sua idade aqui</label>
<input type='text' id='idade' placeholder='aquii'>
<button onclick='vai()'>
  Teste aqui
</button>

你不使用 小精灵 通过维护一个变量几乎是正确的,除了变量声明范围。您必须将其声明为全局变量。您可以将对象分配到当前位置,并在每个函数调用中增加该位置:

var pessoas = [];
var i = 0;
function vai(){
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas[i] = pessoa;
  i++;
  console.log(pessoas);
}

<标签>Digite Seu Nome Aqui</Label>
<input type='text'id='nome'placeholder='aquii'>
<label>Digite Sua Idade Aqui</label>
<input type='text'id='idade'placeholder='aquii'>
<button onclick='vai()'>
试验Aqui
</button>

请注意: 您也可以简单地使用 length 财产数组的当前值指数在这种情况下,您需要维护变量:

var pessoas = [];
function vai(){
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas[pessoas.length] = pessoa;
  console.log(pessoas);
}

<标签>Digite Seu Nome Aqui</Label>
<input type='text'id='nome'placeholder='aquii'>
<label>Digite Sua Idade Aqui</label>
<input type='text'id='idade'placeholder='aquii'>
<button onclick='vai()'>
试验Aqui
</button>

• 2 楼

Maheer Ali 6 年前

你需要解决三件事:

使用 : 内部对象文本 {} 而不是 =
声明主数组 pessoas 在全局范围内,这样每次单击时都不会更改
使用 push() 在数组末尾添加对象。

下面是工作片段。

var pessoas = [];

function vai() {
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas.push(pessoa)
  console.log(pessoas)
}

<label>Digite seu nome aqui</label>
    <input type='text' id='nome' placeholder='aquii'>
    <label>Digite sua idade aqui</label>
    <input type='text' id='idade' placeholder='aquii'>
    <button onclick='vai()'>
      Teste aqui
    </button>

登录后回复