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

Pass c for each value from jsp to Javascript

本文关键字：jsp Javascript      更新时间：2023-09-26

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

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

注意：由于要求，我不能使用选择标签，而是需要使用 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，如下面的代码（使用 select 标签）？

示例如下：

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

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

我在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>
相关文章：