将 c 的每个值从 jsp 传递给 Javascript

Question

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

在某些项目行的 double 上，我想将多个值从 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>

Answer 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>