根据 spring mvc 中 jsp 代码的条件调用 innerHTML

Question

我正在尝试找到一种方法让 document.getElementById("1").innerHTML 根据来自 jsp 代码的条件被触发。

例如，我在 jsp 页面上有以下 jsp 代码，

<table border="1">
<c:forEach items="${elements}" var="element">
    <tr>
        <td>${element.elementNumber}<br /> ${element.isReserved}
        </td>
    </tr>
</c:forEach>
</table>

基于"element.isReserved"，我需要在html中更改一个元素（据说使用.innerHTML）。 html 中的元素如下所示。我有几个这样的元素。

            <div class="col-xs-2">
                <div class="o-btn">
                    <a id="1" onClick="myFunction(this);">1</a>
                </div>
                <div class="clearfix"></div>
            </div>

如上所示，显示为值为“1”的按钮。我想根据条件将值更改为 "X"。我可以直接用js来做，

<script>
        function myFunction(elmnt) {}
        function isReserved() {
            return 'X';
        }
        document.getElementById("1").innerHTML = isReserved();
</script>

但我需要使其依赖于 spring 或上面显示的 jsp 代码的输出。我想要的输出是，当 element.isReserved()（在 jsp 代码内）的计算结果为真时，按钮上显示的“1”将变为 "X"。由于我有几个按钮元素，如果 element.isReserved() 计算结果为真，我需要检查每个按钮。

Answer 1

我成功了。我发现这个 article 很有帮助。

理解（并接受现实）JSP 如何与 html 一起工作后，我不得不稍微调整我的程序。

从 spring mvc，我将我的变量添加到模型中，

model.addAttribute("element1", 1);

在 jsp 页面上，我用 javascript、

检查了变量

if("${element1}" == 1) {
    document.getElementById("1").innerHTML = 'X';
    document.getElementById("1").style.color = 'red';
}

可能有更好的解决方案，但对于像我这样的新手来说，效果很好！

我上面提到的 article 确实是一本不错的重要新手读物。

根据 spring mvc 中 jsp 代码的条件调用 innerHTML

call innerHTML based on a condition from jsp code in spring mvc

html

javascript

jsp

spring-mvc

innerhtml