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

使用按钮的class属性作为选择器，您可以使用.prev函数查找按钮前面的<select>元素：

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

在这种情况下，您不需要事件委托，因为JSP会在到达客户端之前生成此代码。

如何获得动态生成的值

1 个答案: