将 c 的每个值从 jsp 传递到 Javascript答案

【问题标题】：Pass c for each value from jsp to Javascript将 c 的每个值从 jsp 传递到 Javascript
【发布时间】：2020-08-01 22:31:34
【问题描述】：

我想将某个项目的多个值从 jsp 传递到 Javascript。由于我的要求，我需要使用 div 并在该 div 内循环打印数据。

在某个项目行的双精度上，我想将多个值从 jsp 传递给 Javascript。

注意：由于要求，我不能使用 select 标签，而是需要使用 Div。

目前，当我使用 showDetailData() 方法传递 ${food.foodItemId} 时，没有数据传递给 Javascript。

<div class="scroller" ondblclick="showDetailData(${food.foodItemId},'m','desktop');">
        <c:forEach var="food" varStatus="i" items="${foodItemList}">
            <c:out value="${food.foodName}"/>
            <br><br>
        </c:forEach>
</div>

如何在双击某些数据行时将具有这种格式 [food.foodItemId~food.foodCategoryId~food.foodName~food.foodPortionName] 的多个值传递给 Javascript，如下面的代码（使用选择标签）？

示例如下：

<option value="<c:out value="${food.foodItemId}"/>~<c:out value="${food.foodCategoryId}"/>~<c:out value="${food.foodName}"/>~<c:out value="${food.foodPortionName}"/>" ><c:out value="${food.foodName}"/></option>

【问题讨论】：

标签： javascript jsp dom-events

【解决方案1】：

我得到了符合我要求的解决方案。

我在 div 中使用了 ul 和 li 标签，这解决了我的问题，并在 ul 标签上使用了双击事件。

<div class="scroller">
    <c:forEach var="food" varStatus="i" items="${foodItemList}">
    <c:set var="foodInfo" value="${food.foodItemId}~${food.foodCategoryId}~${food.foodName}~${food.foodPortionName}"/>
    <ul class="scroller_result" ondblclick="showDetailData('${foodInfo}','m','desktop');"">
        <li><c:out value="${food.foodName}"/>
        </li>
    </ul>
    </c:forEach>
</div>

【讨论】：