javascript - 更改 c :forEach list items using javascript

Question

我有一个带有 JSTL 标签的 jsp 页面。jsp 页面包含 2 个不同的选项卡。如果用户单击第一个选项卡，然后想要显示一个包含值列表的 tbody 表。这很好用。现在我想更改c:forEach 项目当用户单击第二个选项卡时。两个选项卡列表包含具有不同值的相同参数。所以我需要使用 javascript 更改 c:forEach 的项目。这可能吗 ？

谢谢你

在jsp中

<table id="dynamic-table">
<thead>
<tr>
<th>Sl.No.</th>
<th class="sorting_disabled">Loan Id</th>
<th class="sorting_disabled">Name</th>
</tr>
</thead>
<tbody> 
<c:forEach var="mainlist" items="${S1List}" varStatus="status">
<tr>
<td class="center">${status.index + 1}</td>
<td>${mainlist.loanId}</td>
<td>${mainlist.name}</td>
</tr>
</tbody>
</table>

我想使用 javascript 将 items="${S1List}"更改为 items="${S2List}"

Javascript

funcion changevalueWhenSecondTabclick(){
//I want the solution code here
}

Answer 1

您可以使用 Jquery 实现此目的。您应该将 S2List 存储在 jquery 变量中。在我看来，我将按如下方式实现这一点

$(document).ready(function() {
  //This part let's you to store the list in Java script variable
  var list2ObjectValue="${S2List}";

  funcion changevalueWhenSecondTabclick(){
     //I want the solution code here
     $('#dynamic-table tbody').empty();
     $.each( list2ObjectValue, function( index, value ){
        $('#dynamic-table').append('<tr>'
               +'<td class="center">' + index + '</td>'
               +'<td>' + value.loanId + '</td>'
               +'<td>' + value.name + '</td>'
               +'</tr>');
   });
  }
});

单击第一个选项卡时以相同的方式尝试。