Как получить получить динамически генерируемые значение

Question

Следующие содержат динамические значения

<c:forEach items="${allUserList}" var="eachUser"> 
     <span class="name"> ${eachUser.getUserName()} <span> 
     <select class="role"> 
      <c:forEach items="${roleList}" var="eachRole"> 
       <option value="${eachRole.getRoleName()}">${eachRole.getRoleName()}</option> 
      </c:forEach> 
     </select> 
     <input type="button" class="add" value="add" /> 
    </c:forEach> 

Когда я нажимаю на кнопку добавления я должен увидеть соответствующее имя, выбранной роли в окне предупреждения (e.g {jack, admin})

Как это сделать ??

Answer 1

Использование атрибута класса кнопки в качестве селектора, вы можете использовать функцию .prev найти <select> элемент, предшествующую кнопку:

$(".add").on("click", function() { 
    alert($(this).prev(".role").val()); // Role 
    alert($(this).prevAll(".name").text()); // Name 
}); 

Вам не нужно делегирование событий в этом случае, как JSP будет генерировать этот код до того, как он достигнет клиента.