在foreach 里面调用js代码

在一个编辑功能里,把数据库里的集合信息输出到前台页面展示,我们通常会使用<c:foreach>遍历输出。如何在<c:foreach>里调用js代码呢?

我是这样实现的。

场景介绍:
遍历输出的各个任务的阶段信息,效果图如下:

这里写图片描述

代码是这样的:

<c:forEach var="stage" items="${task.stages }">
	<div style="margin: 20px 0 0 20px;">
		<label class="Validform_label">第${stage.STAGE_SORT }阶段:</label>
		<textarea rows="5" cols="30" class="stage_content" style="width: 70%;vertical-align: top" placeholder="请输入阶段任务描述">${stage.STAGE_CONTENT }</textarea>
	</div>
	...其他省略
</c:forEach>

功能需求,让数字转换成汉子,如第一阶段,第二阶段,js已经编写好,关键的问题是如何调用!!!

<script type="text/javascript">
	function showChinessNum(num){
		$('#stage'+num).html(SectionToChinese(num));
	}
</script>
<c:forEach var="stage" items="${task.stages }">
	<div style="margin: 20px 0 0 20px;">
		<label class="Validform_label">第<span id="stage${stage.STAGE_SORT }"><script type="text/javascript">showChinessNum('${stage.STAGE_SORT }');</script></span>阶段:
		</label>
		<textarea rows="5" cols="30" class="stage_content" style="width: 70%;vertical-align: top" placeholder="请输入阶段任务描述">${stage.STAGE_CONTENT }</textarea>
	</div>
	...其他省略
</c:forEach>

在第XX阶段中间插入一个span标签,span标签里嵌套一个script标签,里面执行我们编写好的js,脚本的功能是给对应的span标签赋值。

<span id="stage${stage.STAGE_SORT }"><script type="text/javascript">showChinessNum('${stage.STAGE_SORT }');</script></span>

<script type="text/javascript">
	function showChinessNum(num){
		$('#stage'+num).html(SectionToChinese(num));
	}
</script>
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄宝康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值