pass jstl foreach variable to javascript function

Question

Я использую jstl foreach loop для отображения своих данных. Пользователь может изменить значение и, наконец, я хочу отправить эти данные на сервер через jquery. моя проблема в том, как я могу передать переменную цикла в мою функцию jquery, когда пользователь изменил данные и нажал кнопку «ok». Я использовал <c:set var="chequeInfo" value="${cheque.chequeNo}~${cheque.amount}~${cheque.chequeDate}"/> пройти chequeInfo до registerEdit() функция. но значение этой переменной не изменяется, когда пользователь редактировать свои данные

<c:forEach items="${chequeList}" var="cheque"> 
<div class="row"> 
    <input class="date" type="text" 
      value="${cheque.chequeDate}"> 

    <select id="chequeStatus"> 
     <c:forEach items="${chequeStatus}" var="status"> 
      <option value="${status.id}">${status.farsiName}</option> 
     </c:forEach> 
    </select> 

    <label class="col-lg-3">${cheque.chequeNo} </label> 

    <input type="text" value="${cheque.amount}"> 

    <button class="col-lg-offset-1 col-lg-1 btn btn-default register-edit" 
      onclick="registerEdit('${cheque}','${status.id}')">ok 
    </button> 
</div> 
</c:forEach> 

, как я могу отправить ${cheque} и ${status.id} к registerEdit() функции. Спасибо

Answer 1

Вы можете добавить атрибут varStatus к тегу foreach, создать уникальный идентификатор для ваших входов и передать значение индекса в ваш registerEdit.

<c:forEach items="${chequeList}" var="cheque" varStatus="loop"> 
<div class="row"> 
    <input id="chequeDate-${loop.index}" class="date" type="text" 
      value="${cheque.chequeDate}"> 

    <select id="chequeStatus-${loop.index}"> 
     <c:forEach items="${chequeStatus}" var="status"> 
      <option value="${status.id}">${status.farsiName}</option> 
     </c:forEach> 
    </select> 

    <label class="col-lg-3">${cheque.chequeNo} </label> 

    <input id="amount-${loop.index}" type="text" value="${cheque.amount}"> 

    <button class="col-lg-offset-1 col-lg-1 btn btn-default register-edit" 
      onclick="registerEdit('${loop.index}')">ok 
    </button> 
</div> 
</c:forEach> 

В функции Js

function registerEdit(index){ 
//get chequeStatus value like this 
var chequeStatus = $("#chequeStatus-"+index).val() 

//do same thing for other values 

}