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

时间:2012-08-10 08:59:48

标签: javascript html button freemarker

我正在尝试对问卷进行一些更改。目前在每个页面上都有一个html表单,其中有3个提交按钮,其值为“next”,“back”和“home”。按钮的值传递给控制所有内容的java,以便它知道下一个要加载的页面。

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

一些freemarker代码将总页数作为$(totalNumber)传递。我是编程的新手,所以我本能地想在javascript中编写某种“for”循环,它会在每个循环中创建一个新按钮并增加一个虚拟变量以获得正确数量的按钮,但我无法解决怎么做(我不确定这是否是正确的方法!)

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

假设您totalPages至少为1:

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

HTML(使用input buttononclick等)不是建议的一部分......我只是展示了如何使用FreeMarker。

答案 1 :(得分:0)

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

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

你可以在那里制作一个for循环来动态添加你想要的许多元素。