如何才能獲得動態生成的值

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將在它到達客戶端之前生成此代碼。