javascript - json 不断推入第一个数组项
问题描述
我有隐藏的输入类型,我想在点击时将 json 数组推入其中并附加已经存在的我已经尝试过以下代码
输入
document.getElementById('addQuestionbtn').onclick = function () {
const questionData = [];
let questionJSON = document.getElementById('quesionDataJson');
if (questionJSON.value.length) {
let value = JSON.parse(questionJSON.value);
questionData.push(value)
}
let question = document.getElementsByName('question')[0].value;
let option1 = document.getElementsByName('option1')[0].value;
let option2 = document.getElementsByName('option2')[0].value;
let option3 = document.getElementsByName('option3')[0].value;
let option4 = document.getElementsByName('option4')[0].value;
let selectedOption = document.querySelector('input[name="options"]:checked').value;
let data = {
question: question,
option1: option1,
option2: option2,
option3: option3,
option4: option4,
selectedOption: selectedOption
};
questionData.push(data);
questionJSON.value = JSON.stringify(questionData);
};
我有表单和输入类型和 btn 名称,就像我在 js 中使用的那样,现在我得到的是
现在我的问题是为什么它没有像下面那样推动,我做错了什么?
[{question: "one", option1: "1", option2: "2", option3: "3", option4: "4"},
{question: "one", option1: "1", option2: "2", option3: "3", option4: "4"},
{question: "one", option1: "1", option2: "2", option3: "3", option4: "4"}]
解决方案
questionData.push(value)
这会将您想要进入的数组推送到数组中,可能只是附加数据:
questionData.push(...value);
或者只是重新设置 questionData:
questionData = value;