gpt4 book ai didi

java - 想要在jsp页面添加动态内容

转载 作者:太空宇宙 更新时间:2023-11-04 09:00:07 24 4
gpt4 key购买 nike

我在前端设计页面时使用 Struts2 标签。

现在我需要在我的 jsp 页面中放置 3 个简单字段,并在一些添加链接上动态地重复添加相同表单中的另外 3 个或 4 个字段。

例如,如果用户在添加链接上单击 5 次,则 3 或 4 字段必须在 jsp 页面上显示 5 次。

我知道 ajax 对于此目的很有用。但我仍然很困惑如何实现它。

如果有人有解决方案请回复...

提前致谢......

最佳答案

您最好的方法是使用 jquery简化 JavaScript。这个简单的 html 页面演示了该方法:

<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"/>
</head>
<body>
<form method="post" action="#">
<table>
<tbody>
<tr>
<td><input type="text" name="fieldname"/></td>
<td><a href="#" onclick="$(this).closest('tr:not(:only-child)').remove();return false;">delete</a></td>
</tr>
<tr>
<td><input type="text" name="fieldname"/></td>
<td><a href="#" onclick="$(this).closest('tr:not(:only-child)').remove();return false;">delete</a></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td><a href="#" onclick="var tr = $(this).closest('table').find('tbody tr:first-child').clone(true); $(tr).find(':input').val(''); $(this).closest('table').find('tbody').append(tr); return false;">add</a>
</td>
</tr>
</tfoot>
</table>
</form>
</body>
</html>

这是该方法的快速概述。每个重复元素都是表中行的一部分。您可以选择任何其他类型的容器,相应地调整 jquery。重复元素位于每行的 tbody 内,有一个输入和一个删除该行的链接。请注意,仅当该行不是 tbody 的唯一子级时,它才会删除该行。我们需要始终有一种方法可以从添加链接添加新元素。添加逻辑位于 tfoot 中。添加链接找到相应 tbody 中的第一个表行,克隆它,清除任何输入字段中的所有值并将其作为新行附加到 tbody。

像我在本示例中所做的那样,将那么多 javascript/jquery 嵌入到属性中并不是一个好的做法。

关于java - 想要在jsp页面添加动态内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/929520/

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