json继续推进第一个数组项目

时间:2018-06-09 14:16:58

标签: javascript

我有隐藏的输入类型,我想在点击时将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中使用的是

enter image description here

现在我的问题是为什么它不像下面那样推动我做错了什么?

[{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"}]

1 个答案:

答案 0 :(得分:2)

 questionData.push(value)

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

questionData.push(...value);

或者只是重新设置questionData:

questionData = value;