使用輸入字段中的值作為 js 對象中的鍵

Question

我想將用戶的輸入輸入到輸入字段中，在提取值后，我想將其添加到帶有鍵的 js 對象中。 我的代碼：

 <!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>

我得到的輸出：

電流輸出

所需的輸出是

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

但是我得到的輸出是{"count":"some text"}

為什么這個計數沒有被我正在遞增的計數值替換？

Answer 1

我想你想要這樣的東西。 您會收到一個包含對象的數組。

 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