如何在jsp页面中使用函数来更改div标签中的值？

Question

我有一个网站，其中使用功能打印列表，并使用<%= %>进行打印。 然后，当选择列表中的项目时，我想在单独的<div>更改值。

这是创建字符串的函数：

public String createInfoString(String s){

                       JavaBeans.CatalogueBean c = new JavaBeans.CatalogueBean(); 
                       JavaBeans.ProductBean pb[] = c.getProducts(); 


                       int posit = Integer.parseInt(s); 
                       String tempStr =
                       "<img src='Images" + pb[posit].getImageExtention() + "'            width='400' height='300'></img> </BR></BR>"+                                               
                       "Model: " + pb[posit].getName()+ "</BR></BR>" +
                       "Description: " + pb[posit].getDescription() + "</BR></BR>"+
                       "Number in stock: " + pb[posit].getNumAvailable() + "</BR></BR>";

                       return tempStr;

                       }

列表的代码如下：

<ul  onclick="createInfoString(event.srcElement.id)">
                                      <li>
                    <div class="Folder">Accessories</div>
                                      </li>
                                            <%= createSideList()%>
                                </ul>

单击一个项目时，我需要生成一个字符串（这是由createInfoString完成的），然后需要将该字符串推入<DIV> ，有人可以告诉我如何执行此操作吗？

我本来会用的JavaScript
document.getElementbyID("DisplayInfo").innerHTML = tempStr 。
但这不适用于jsp 。

请帮忙...

Answer 1

JSP在服务器端执行。 如果您需要在单击somethin时执行某些操作，则必须在客户端使用JavaScript进行操作。

因此，您基本上有两种可能性：

1. 将所有这些HTML块嵌入页面的隐藏div中。 单击UL后，使用Java DisplayInfo提取相应隐藏div的内部HTML，并将其复制到DisplayInfo div。
2. 单击UL后，向您的Web应用程序发送AJAX请求，使您的Web应用程序返回适当的HTML块，然后在AJAX响应处理程序中，将接收到的内容设置为DisplayInfo div的内容。