Así que quiero renderizar li en jsp pero quiero renderizar la lista que está presente en mi js.

Mantendré mi pregunta pequeña y clara. Además, si esta es una pregunta repetida, vincule la pregunta original porque no pude encontrarla.

Aquí está mi archivo jsp que tiene

 <div id="dropDownOpns"> <ul id="bank_id" class="payment_modes"> <c:forEach var="item" items="${bankList}"> <li>${item.bank}</li> </c:forEach> </ul> </div>

y debajo está la etiqueta del script que tiene esto

 <script> var bankList = [{"bank":"ABC","emis":[{roi:10}]},{"bank":"PQR","emis":[{roi:12.5}]}]; </script>

Al final todo lo que obtengo es

 <div id="dropDownOpns"> <ul id="bank_id" class="payment_modes"> </ul> </div>

Sin elementos li.