java - 如何在jsp页面中显示选中的数据

Question

我的要求解释如下，

我在“DAO”类中拥有 Arraylist，其中包含 n 个客户名称。我已在“域对象”中设置该 ArrayList，并在 jsp 页面中使用该“域对象”来显示客户名称。

我在 jsp 页面中使用 session 范围，如下所示，

<c:set var="listCustomer" value="${ItemDataResponse.dataItemsList[0].listCustomers}" 
scope="session"/>
<c:set var="CustomerData" value="${ItemDataResponse.dataItemsList[1]}" scope="session"/>


  <div  id="my_jpmorgan">

    <table border="0" width="100%" bgcolor="">
       <tr valign="top" class="lnav">
         <td width=100%">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="paddingLeft" bgcolor="">
         <tr>
             <td>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="">
                    <tr>
                       <td valign="top" height="1px" align="left">
                             <span class="pageHeading_DarkBlue">
                                <c:out value="${CustomerData.customerName[0]}"/>
                             </span>
            </td>

          </tr>
         <tr>
          <td align="right"> 
            <select name="singleSelect" onchange="javascript:onchangeFun(this);"> 
              <c:forEach var="Customer" items="${listCustomer}" >
                  <option value=""> <c:out value="${Customer}" /></option>
               </c:forEach>
             </select>      
           </td>
         </tr>
       </td>
     </tr>
 </table>
</div>

每次第一次记录应用程序时，ArrayList 中的第一个客户名称应显示在 jsp 页面的顶部。然后加载jsp页面后

问题是，当我从下拉菜单中单击任何客户名称时，我必须在 jsp 页面顶部显示客户名称(即，如果我在下拉菜单中单击 xxx 客户，则应显示所选的 xxx 客户名称)在 jsp 页面顶部)。

我能够显示下拉菜单，其中包含所有客户名称(从 ArrayList 获取的名称)，但当我从下拉菜单中选择客户名称时，无法在 jsp 页面顶部显示客户名称。

如有必要，请修改我粘贴的代码。如果可能的话还给我发送一些示例代码

注意:我正在使用 JSTL 标签(我的要求是)。

在上面的jsp代码中

                     <c:out value="${CustomerData.customerName[0]}"/>

当我从下拉菜单中选择时，行应在 jsp 页面顶部显示客户名称(当前无法正常工作)并且 下面几行显示下拉窗口，其中包含 ArrayList 中的客户名称(工作正常)

  <select name="singleSelect" onchange="javascript:onchangeFun(this);"> 
    <c:forEach var="Customer" items="${listCustomer}" >
         <option value=""> <c:out value="${Customer}" /></option>
               </c:forEach>
             </select> 

Answer 1

看来您的问题是不了解 HTML 表单和 JavaScript 的工作原理。

有两种方法:

1. 将带有下拉列表的表单提交到服务器端。所选客户将被设置为请求参数，名称为 singleSelect(下拉列表的名称)。

   <form>
       <select name="singleSelect" onchange="this.form.submit()">
           ...
   

   并相应地显示所选客户:

   <c:out value="${param.singleSelect}" />
   

2. 使用 JavaScript 获取所选客户并将其设置在您想要显示客户名称的 HTML 元素中。

   <select name="singleSelect" onchange="showSelectedCustomer(this)">
   

   使用这个 JS 函数

   function showSelectedCustomer(dropdown) {
       var selectedCustomer = dropdown.options[dropdown.selectedIndex].value;
       var currentCustomer = document.getElementById('currentCustomer');
       currentCustomer.firstChild.nodeValue = selectedCustomer;
   }
   

   以及您想要在其中显示所选客户的占位符:

   <span id="currentCustomer"></span>
   

另请参阅:

• w3schools HTML forms tutorial
• w3schools JavaScript tutorial
• w3schools HTML DOM tutorial
• Hunlock JavaScript tutorial