Javascript 为html表单创建数量可变的按钮

Javascript 为html表单创建数量可变的按钮,javascript,html,button,freemarker,Javascript,Html,Button,Freemarker,我想对问卷做些修改。目前,每个页面上都有一个html表单,它有3个提交按钮,值为“下一步”、“上一步”和“主页”。按钮的值传递给控制所有内容的java,以便它知道下一步加载哪个页面 我想做的是在调查问卷的每一页底部都有一个按钮,但是,这个数字在不同的调查问卷中有所不同 某些freemarker代码以$(totalNumber)的形式传递总页数。我是编程新手,所以我本能地想在javascript中编写某种“for”循环,在每个循环中创建一个新按钮,并增加一个虚拟变量以获得正确的按钮数,但我不知道如

我想对问卷做些修改。目前,每个页面上都有一个html表单,它有3个提交按钮,值为“下一步”、“上一步”和“主页”。按钮的值传递给控制所有内容的java,以便它知道下一步加载哪个页面

我想做的是在调查问卷的每一页底部都有一个按钮,但是,这个数字在不同的调查问卷中有所不同

某些freemarker代码以$(totalNumber)的形式传递总页数。我是编程新手,所以我本能地想在javascript中编写某种“for”循环,在每个循环中创建一个新按钮,并增加一个虚拟变量以获得正确的按钮数,但我不知道如何做到这一点(我不确定这是否是正确的方法!)


谢谢你的帮助

假设您的
totalPages
至少为1:

<#list 1..totalPages as pageNumber>
   <input type="button" value="${pageNumber}" onclick="goToPage(${pageNumber})" />
</#list>


HTML(使用
输入按钮
onclick
等)不是建议的一部分。。。我只是演示如何使用FreeMarker。

我自己有一个非常类似的问题,另一个答案对我没有帮助。我只是在学习web开发,所以我不知道如何动态创建按钮或其他元素。您可以在JavaScript函数中动态创建如下元素:

function add() {
    var element = document.createElement("input");
    element.setAttribute("name", "whatever");
    var elementAbove = document.getElementById("elementAbove");
    elementAbove.appendChild(element);
}

您可以在其中创建for循环,以动态添加任意数量的元素。

能否提供一些表单示例代码,以及到目前为止您是如何尝试解决此问题的?我相信这将帮助我们更快地找到解决方案。