如何才能获得动态生成的值

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将在它到达客户端之前生成此代码。