Javascript 获取隐藏字段的值后，按钮颜色会发生变化

我的页面上有170个按钮。如果单击按钮，则颜色会发生变化，并且我将该按钮的id存储在java字符串数组中，以便在数据库中更新。我可以使用隐藏字段访问按钮id。如果我获得按钮id，则页面将刷新，然后更改颜色的按钮。所以，请给我一个解决这个问题的办法，请帮助我

enter code here

   <script>     

        <%int index = 0;%>

        //FUNCTION CALL IF BUTTONS CLICKED
        function sub(id) {
            if (ss < pp) {
                if (document.getElementById(id).style.background == "") {
                    document.getElementById(id).style.background = "#ff0000";
                    ss++;
                    //HIDDEN IS THE ID OF HIDDEN TAG...
                    var val = document.getElementById("hidden");
                    val.value = id;
                    //THIS IS MY JAVA CODE.. IN THIS I SHALL CONNECT TO DATABASE AND ENTRY IN DB USING UPDATE VARIABLE
        <%

         String[] update = new String[100];
         if (request.getParameter("hidden") != null) {
             update[index] = request.getParameter("hidden");

         }
        %>
                }
                else {
                    document.getElementById(id).style.background = "";
                    ss--;

                }
                if (ss == pp) {
                    if (document.getElementById(id).style.background == "") {
                        alert("exceed!!");
                    }
                    else {
                        document.getElementById(id).style.background = "";
                        ss--;

                    }

                }

            }

        }

---

请给我一个解决方案，你混合了前端Javascript和后端JSP功能。当您的Javascript在浏览器中执行时，页面已经在服务器上用JSP生成，JSP无法访问您的Javascript值。您必须使用AJAX将值从浏览器传递到服务器。从…开始