Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何以特定的方式将表单输入文本添加到javascript数组中?_Javascript_Pure Js - Fatal编程技术网

如何以特定的方式将表单输入文本添加到javascript数组中?

如何以特定的方式将表单输入文本添加到javascript数组中?,javascript,pure-js,Javascript,Pure Js,我有一个问题数组,当我点击提交按钮时,我想在其中添加HTML表单数据,格式如下所示: var questions = [ new Question("What language are we learning today?", ["Java", "C#","C++", "JavaScript"], "JavaScript"), new Question("Which language is used for styling web pages?", ["HTML", "JQuer

我有一个问题数组,当我点击提交按钮时,我想在其中添加HTML表单数据,格式如下所示:

var questions = [
    new Question("What language are we learning today?", ["Java", "C#","C++", "JavaScript"], "JavaScript"),
    new Question("Which language is used for styling web pages?", ["HTML", "JQuery", "CSS", "XML"], "CSS")

];


HTML form that I have created         
   <form action="" method="post" >
            <label>Enter question:</label>
            <input type="text" id="question" name="question" /><br/>
            <label>Option1:</label>
            <input type="text" id="option1" name ="option1"/><br/>
            <label>Option2:</label>
            <input type="text" id="option2" name ="option2"/><br/>
            <label>Option3:</label>
            <input type="text" id="option3" name ="option3"/><br/>
            <label>Option4:</label>
            <input type="text" id="option4" name ="option4"/><br/>
            <label>Enter answer</label>
            <input type="text" id="answer" name="answer" /><br/>
            <input type="submit" name="submit" value="Add quiz" />

            </form>
var问题=[
新问题(“我们今天学的是什么语言?”,[“Java”,“C#”,“C++”,“JavaScript”,“JavaScript”),
新问题(“哪种语言用于设计网页样式?”、[“HTML”、“JQuery”、“CSS”、“XML”]、“CSS”)
];
我创建的HTML表单
输入问题:

备选案文1:
备选案文2:
备选案文3:
选择4:
输入答案

所以,我想像这样向数组中添加数据:新问题(“问题?”,[“选项1”,“选项2”,“选项3”,“选项4”],“答案”)

您可以这样做:

功能问题(问题、建议、答案){
这个问题=问题;
this.options=poptions;
this.answer=panswer;
}
变量问题=[
新问题(“我们今天学的是什么语言?”,[“Java”,“C#”,“C++”,“JavaScript”,“JavaScript”),
新问题(“哪种语言用于设计网页样式?”、[“HTML”、“JQuery”、“CSS”、“XML”]、“CSS”)
];
函数addQuestion(){
var question=document.getElementById(“qs”).value;
var option1=document.getElementById(“option1”).value;
var option2=document.getElementById(“option2”).value;
var option3=document.getElementById(“option3”).value;
var option4=document.getElementById(“option4”).value;
var answer=document.getElementById(“answer”).value;
var numberOfQuestions=questions.length;
问题[numberOfQuestions]=新问题(问题[option1,option2,option3,option4],答案);
提醒(“谢谢。我们现在有“+问题。长度+”问题。”);
}

测验
输入问题:

备选案文1:
备选案文2:
备选案文3:
选择4:
输入答案