使用Javascript存储表单值

我正在尝试构建一个测验引擎，教师可以在其中创建一个新的测验并向其中添加问题。我现在面临的问题是，当我写下问题的4个选项，然后改变我的问题类型时，这些答案就丢失了。 这些答案需要存储在一些变量或数组中，这样当我切换回以前的问题类型时，我的答案将再次出现在输入框中

这就是我想做的：

<select onchange="question_type(this.value);" name="qtype" id="qtype" class="form-control input-lg" required>
    <option value="">-- Select question type for this quiz --</option>
    <option value="mcq">1) MCQs</option>
    <option value="tf">2) True/False</option>
</select>

<input type="text" size="70" name="option" id="option1" class="form-control input-lg" placeholder="Option A" required>
 <input class="css-checkbox" type="radio" name="radio" id="radio1" value="a" />
   <label for="radio1" class="css-label"></label>


<input type="text" size="70" name="option2" id="option2" class="form-control input-lg" placeholder="Option B" required>
 <input class="css-checkbox" type="radio" name="radio2" id="radio2" value="b" />
   <label for="radio2" class="css-label"></label>

现在的问题是，我的答案仍然没有被存储，并且我在控制台上得到一个传递给getElementByID错误的空字符串。 谁能告诉我我做得对吗

---

我是一个初学者，所以我不完全理解我在做什么。

你有两个相同ID的输入，还有两个相同ID的复选框，这不应该是这样的

此外，如果在函数中使用jQuery，只需在最后一个if中继续使用jQuery即可

    var a = $("#option1").val();

---

但是您需要更改输入的ID，并非所有输入都可以相同….

我注意到您有多个具有相同ID的元素。您有多个具有相同ID的元素，更改为选项1、选项2。。当else if type==mcq为true时，将永远不会执行第三条if语句。第三个if语句中还有一个语法错误。我在发布问题时忘记更改ID。在我的代码中，元素的id当然是唯一的。请你指出语法错误@Unknownman好吗？我在发帖时忘了更改ID。在我的代码中，元素的id当然是唯一的。

    var a = $("#option1").val();