点击此处,出现弹窗。返回结果会出现在下面的文本框中——
 
客户端代码
1)父页面预先定义一个赋值的方法
    
<div><a href="#{boxLink}" class="frmBox">点击此处</a>,出现弹窗</div>
<div><textarea id="TextArea1" style="width:580px; height:80px;"></textarea></div>
 
<script>
// 这是供弹窗调用的方法
function setTextValue( boxText ) {

    $('#TextArea1').val( boxText );

}
</script>

    
2)在弹窗的页面中,通过js调用父窗口的这个方法
    


<div>
<div style="margin:50px auto; text-align:center;">
    <div style="margin:15px 5px;">请输入名称:<input id="Text1" type="text" /></div>
    <div>
        <input id="Submit1" type="submit" value="提交" class="btn btn-primary" />
        <input id="Button1" type="button" value="取消" class="btn btn-default btnCancel" />    
    </div>
</div>
</div>

<script>
_run( function() {

    // 当点击“提交”之后,将输入框的内容返回到父页面
    $('#Submit1').click( function() {
 
        // 1)得到父窗口
        var p = wojilu.tool.getBoxParent();
        
        // 2)调用父窗口的 setTextValue 方法
        p.setTextValue( $('#Text1').val() );
        
        // 3)关闭弹窗(弹窗不可以自己关闭自己,必须由父页面来关闭)
        p.wojilu.ui.box.hideBox();
    
    });

});
</script>