从客户端到服务器端的动态变量返回到客户端。 JSP

Question

在下面的代码中，如何通过单击将dVariable show显示到我的JSPF中，如果我将其提交给服务器，如何将该值返回到客户端JSPF页面？

我已经能够通过在循环中创建div标记CSS作为display:none并在单击时将其更改为display:block来完成此操作。但这是一个非常静态的解决方案。

我不想拥有很多隐藏的div并显示出感兴趣的div。我正在寻找一个更精确的解决方案，例如一个始终可见的div，并且实时更新内容。

details.jspf：

<%= dVariable %> // From the specific table button, without multiple div's.

JavaScript和HTML：

function loadJSPF(){
    document.getElementById("JSPF").style.display("block"); 
}

<table>
    <tr>
        <% for (int x : amount){ %> 
            <td>Info1</td>
            <td>Info2</td>
            <td>Info3</td>
            <td><button onclick="LoadJSPF()">dVariable</td>
        <% } %>
    <tr>
<table>     

<div id="jspf" name="jspf">
    <@ include file="/sys/ins/001/incl/details.jspf" %>
</div>