jquery . fancybox()
1.父页面
function chooseTopic(btn) {//选择议题 $.fancybox({ type : 'iframe', href : '', fitToView : false, width : '800', height : '420', overlayShow : false, autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none', beforeClose : function() { var topicId = $(".fancybox-iframe").contents().find("#topicId").val();传递子页面的数值 var topicName = $(".fancybox-iframe").contents().find("#topicName").val();传递子页面的数值 $(btn).val(topicName); } }); }
2.子页面
<form > <table style="margin-top: 4px; width: 98%; height: 100%;" > <thead> <tr> <th>序号</th> <th >议题名称</th> </tr> </thead> <tbody > <c:forEach var="vft" items="${VoteFormTopices}" varStatus="status"> <tr> <td style="text-align: center;" id="sortIndex" >${status.index + 1}</td> <td ><a href="#" onclick="javascript:chooseTopic(this);" topicId="${vft.topic.id}"
topicName="${vft.topic.name}"> ${vft.topic.name}</a>
</td> </tr> </c:forEach> </tbody> </table> </form>
function chooseTopic (obj) { $("#topicId").val($(obj).attr("topicId")); $("#topicName").val($(obj).attr("topicName")); window.parent.$.fancybox.close(); }