Javascript 如何获取动态生成的值

以下内容包含动态值

<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>

${eachUser.getUserName（）}
${eachRole.getRoleName（）}

当我点击add按钮时，我会在一个警报框中看到相应的名称、选定的角色

（例如{jack，admin}）

---

如何执行此操作？？？

使用按钮的class属性作为选择器，可以使用函数查找按钮前面的

元素：

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

---

在此实例中，您不需要事件委派，因为JSP将在到达客户端之前生成此代码。

使用按钮的class属性作为选择器，您可以使用函数查找按钮前面的

元素：

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

---

在此实例中，您不需要事件委派，因为JSP将在到达客户端之前生成此代码。

使用按钮的class属性作为选择器，您可以使用函数查找按钮前面的

元素：

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

---

在此实例中，您不需要事件委派，因为JSP将在到达客户端之前生成此代码。

使用按钮的class属性作为选择器，您可以使用函数查找按钮前面的

元素：

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

---

---

在这个实例中，您不需要事件委派，因为JSP将在到达客户端之前生成此代码。

元素ID必须是唯一的，所以将它们放在forEach中不会使senselets假定其类，那么呢？元素ID必须是唯一的，所以将它们放在forEach中不会使senselets假定其类，然后呢？元素ID必须是唯一的，所以将它们放在forEach中不会使Senselet承担其类，然后呢？元素ID必须是唯一的，所以将它们放在forEach中不会使Senselet承担其类，然后呢？是的，角色正在显示。我还需要这个名字。我尝试了alert（$（this.prev（“.name”）.val（））；但它不起作用打印名称和值的更新答案已更新为包括搜索名称是角色正在显示。我还需要这个名字。我尝试了alert（$（this.prev（“.name”）.val（））；但它不起作用打印名称和值的更新答案已更新为包括搜索名称是角色正在显示。我还需要这个名字。我尝试了alert（$（this.prev（“.name”）.val（））；但它不起作用打印名称和值的更新答案已更新为包括搜索名称是角色正在显示。我还需要这个名字。我尝试了alert（$（this.prev（“.name”）.val（））；但它不起作用。打印名称和值的更新答案更新为包含名称搜索