温馨提示:本文翻译自stackoverflow.com,查看原文请点击:javascript - I want to move from one form to another in same html page ,like a question answer quiz page
forms html javascript

javascript - 我想在同一个html页面中从一种形式转换为另一种形式,例如问题答案测验页面

发布于 2020-03-27 11:53:03

我想通过选项列表迭代js中的代码:

option = [“ 1”,“ 2”,“ 3”]

出现3种形式:首先是值1,然后当我提交它时,下一种形式应该是值2:

查看更多

查看更多

提问者
Umang Goyal
被浏览
53
Rahul Singh 2019-07-03 23:33

您可以在包含要更新的表单的div上使用innerHTML属性。每当按下提交按钮以提问时,都调用一个函数来增加计数器。根据计数器的不同,将要放置在div中的内容放入。例如。

function updateForm() {
    let element = document.querySelector('.question');
    let htmlToAdd = '<form> ... </form>'
    element.innerHTML = htmlToAdd;
}

更好的方法是使用对象数组,每个对象都包含有关要添加到HTML中的内容的信息。