使用输入字段中的值作为 js 对象中的键

Question

I want to take input from user into input field and after extracting the value, I want to add this in a js object with key.我想将用户的输入输入到输入字段中，在提取值后，我想将其添加到带有键的 js 对象中。 My code:我的代码：

 <!DOCTYPE html> <html> <body> <input type="text" id="task"> <button onclick="add_ele()">add</button> <p id="para"></p> <script> var l={} var count=0; function add_ele(){ var x = document.getElementById("task").value; var count=count+1; var pair= {count:x}; l={...l,...pair}; document.getElementById("para").innerHTML = JSON.stringify(l); } </script> </body> </html>

Output which I am getting:我得到的输出：

电流输出

The desired output is所需的输出是

l={1:"some message from input text",
   2:"some message from input text", .. and so on}

But output which I am getting is {"count":"some text"}但是我得到的输出是{"count":"some text"}

Why this count is not replaced by count value which I am incrementing?为什么这个计数没有被我正在递增的计数值替换？

Answer 1

I think you want something like this.我想你想要这样的东西。 You receive an array with objects.您会收到一个包含对象的数组。

 var a = []; function add_ele() { var x = document.getElementById("task").value; //Adding object to array. The key is the array length + 1 a.push({ [a.length+1]: x }); document.getElementById("para").innerHTML = JSON.stringify(a); }

 <input type="text" id="task"> <button onclick="add_ele()">add</button> <p id="para"></p>

使用输入字段中的值作为 js 对象中的键

问题描述

1 个解决方案

解决方案1
0 2021-07-19 12:24:15

使用输入字段中的值作为 js 对象中的键

问题描述

1 个解决方案

解决方案1 0 2021-07-19 12:24:15

解决方案1
0 2021-07-19 12:24:15