gpt4 book ai didi

javascript - 如何使用javascript在jsp页面中动态添加内容?

转载 作者:行者123 更新时间:2023-11-30 08:47:02 26 4
gpt4 key购买 nike

MyServlet 转发到 Mypage.jsp 作为

request.getRequestDispatcher("/pages_homepage.jsp?value="+count).forward(request, response);

其中count是生成的整数值

下面是我的JSP代码(Mypage.jsp),

<body  onload="getPage('<%request.getParameter("value");%>')">
<div id="app"></div>
</body>

下面是我的javascript代码,

function getPage(match){
var arr = new Array();
var ele = document.getElementById('app');
for(var i=0;i<match;i++){
var newdiv = document.createElement("label");
newdiv.id = arr[i];
newdiv.value="Page";
ele.appendChild(newdiv);
}
}

我想要的是,我希望“页面”显示“匹配”次数。但是我无法通过上面的代码这样做。他们可能是我的 js 代码有问题。谁能建议我任何更正?提前致谢。

最佳答案

LIVE DEMO

考虑到您的页面有类似以下内容:

<body  onload="getPage(5)">

function getPage(n) {

var ele = $('#app');
var labels = ""; // An empty string will be populated with labels elements:
for(var i=0; i<n; i++){
labels += '<label id="'+ i +'"> Page </label>'
}
ele.append( labels ); // append only once outside the loop!

}

结果将是:

 <label id="0"></label>
<label id="1"></label>
<label id="2"></label>
<label id="3"></label>
<label id="4"></label>

如果您想从 1 而不是 0 开始,请使用:

labels += '<label id="'+ (i+1) +'"> Page </label>'

注意: ID 以(/仅包含)数字开头 - 仅在 HTML5 中有效

关于javascript - 如何使用javascript在jsp页面中动态添加内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21064279/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com