使用jQuery将参数传递给弹出窗口

时间:2013-12-30 20:37:15

标签: javascript jquery

我们的想法是拥有一个项目列表,一旦您点击其中一个项目,就会出现一个包含此信息的弹出窗口,以便您可以更新该项目。

我在此页面后创建了弹出窗口:

http://istockphp.com/jquery/creating-popup-div-with-jquery/

我将它与列表一起使用,而不是像这样的简单文本:

    <c:forEach items="${meetings}" var="meeting">
        <li class="list1">
                    <a href="MeetingManagement?id=${meeting.getId()}" class="topopup">${meeting.getDate()}</a>
                    (<c:out value="${meeting.getType()}"/>) 
                    <c:out value="${meeting.stringMeetingLeader}"/><br>
            </li>
    </c:forEach>

那么,如何从弹出窗口中访问会议信息?

1 个答案:

答案 0 :(得分:0)

您是否可以将会议信息添加到锚点上的data- *属性,即

<a href="MeetingManagement?id=${meeting.getId()}" data-time="[meeting time]" data-title=[metting-title] class="topopup">${meeting.getDate()}</a>

你当然需要用从php或其他地方填充的正确信息替换[...]。然后,您可以使用jQuery的.data()方法在构造弹出窗口时检索该信息。有关http://api.jquery.com/data/#data2

的数据方法的更多信息