html怎么做新闻列表的自动序号?

html怎么做新闻列表的自动序号?,第1张

实现思路,先从集合中取出新闻条数,然后写foreach循环把下表当做序号依次输出即可。

实现的参考代码如下:

<form name="f1" method="post" action="">

<c:forEach items="${list}" varStatus="state" var="dto">

<input type="text" id="ntcode" name="ntcode" value="<c:out value="${dto.ntcode}">序号:</c:out>"/>

<label class="control-label" for="exampleInputPassword1">标题:</label>

<c:out value="${dto.nttitle}"></c:out>

<label class="control-label" for="exampleInputPassword1">正文:</label>

<c:out value="${dto.nttext}"></c:out>

<label class="control-label" for="exampleInputPassword1">发布人:</label>

<c:out value="${dto.agentcode}"></c:out>

<label class="control-label" for="exampleInputPassword1">发布时间:</label>

<c:out value="${dto.ntdate}"></c:out>

<input type="button" class="btn btn-block btn-red" id="del" name="del" value="删除此公告通知"

onclick="deletegg()"/>

</c:forEach>

</form>

<table>

<!--第1行-->

<tr>

<td>1</td>

<td></td>

</tr>

<!--第2行-->

<tr>

<td>1</td>

<td></td>

</tr>

<!--第3行-->

<tr>

<td>3</td>

<td></td>

</tr>

</table>

大批量的话,可以用代码生成或用代码填写。

比如js

<style>

td{

width:100px

}

</style>

<script>

var n=10

var a=[]

for(var i=0i<ni++){ 

a.push("<tr><td>"+(i+1)+"</td><td></td></tr>")

}

document.write('<table border="1">'+a.join("\n")+"</table>")

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11629093.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存