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

时间:2019-07-03 15:21:08

标签: javascript html forms

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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