我如何更改带有动作样式的jsp html链接答案

【问题标题】：How can i change jsp html link with action style我如何更改带有动作样式的jsp html链接
【发布时间】：2023-03-24 21:11:01
【问题描述】：

现在，我有一个带有类似标签的 jsp 页面：

<html:link action="/SequenceA">A</html:link>&nbsp;
<html:link action="/SequenceB">B</html:link>&nbsp;
<html:link action="/SequenceC">C</html:link>&nbsp;
<html:link action="/SequenceD">D</html:link>&nbsp;
<html:link action="/SequenceE">E</html:link>&nbsp;
<html:link action="/SequenceF">F</html:link>&nbsp;
<html:link action="/SequenceG">G</html:link>&nbsp;
<html:link action="/SequenceH">H</html:link>&nbsp;
<html:link action="/SequenceI">I</html:link>&nbsp;

结果看起来像这样：

A B C D E F G H I

但是，我想在单击时更改样式链接。当我单击任何字母时，我如何实现它会刷新并且会取消所有内容？例如，如果我单击“G”，“G”的字体大小将增加 1 并变为粗体。但是，在我点击“G”之后，我点击了“H”，“G”将变为非粗体，字体大小将变回正常字体大小，“H”将变为粗体，字体大小将增加 1。但是由于刷新，它将取消所有内容

预期结果

当我点击 G

A B C D E F G H I

然后我点击 H

A B C D E F G H I

由于刷新而产生的当前结果

A B C D E F G H I

【问题讨论】：

页面是真的在重新加载，还是你使用ajax调用动作页面？
你期待什么？您使用链接，所以它当然想链接到某些东西。除了您描述的样式之外，您还想在这里实现什么？你为什么首先使用链接？您可以使用 javascript 并在链接上返回 false 以阻止链接像现在一样工作。
当一个字母被点击时，页面正在重新加载，它将进入数据库并检索所有与该字母对应的相关数据。
@partypete25 我现在正在做的是我将去数据库并获取与字母表相对应的任何数据（对数据进行分组）。因此，当我单击字母“a”时，我将从数据库中检索所有食物，例如苹果、苹果派、苹果馅饼。单击字母“a”时，它会变为粗体，字体大小将增加1。因此，如果单击字母“b”，则字母“a”将被取消粗体并且字体大小更改为原始大小和字母“ b' 将加粗，字体大小将增加 1。
当你传回数据时，传回一个参数来保存被点击的字母。在您的 jsp 中，查询此参数以了解要更改样式的值

标签： java html css jsp

【解决方案1】：

因此，您需要在页面呈现时添加一些内容以指示当前正在查看哪个字母。例如，如果您将 active 类添加到该字母链接，那么您需要做的就是在您的 css 中添加此引用。

所以如果你的 html 输出看起来像这样：

<div class="alphabet">
 <a href="/">A</a>
 <a href="/">B</a>
 <a href="/" class="active">C</a>
 ...
</div>

您的 CSS 将如下所示：

.alphabet a {font-size:12px}
.alphabet a.active {font-weight:bold; font-size:13px;}

【讨论】：