首页 > 解决方案 > 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"}]

标签: javascript

解决方案


 questionData.push(value)

这会将您想要进入的数组推送到数组中,可能只是附加数据:

questionData.push(...value);

或者只是重新设置 questionData:

questionData = value;

推荐阅读