在layer的弹出框中点击按钮刷新父页面并关闭弹出框

今天写layer弹出框里面是区域选择，需要根据选择的区域进行展示如图

点击唐人街餐馆父页面会刷新并且弹出框会消失

代码如下：

<div>    

        <c:forEach items="${sessionScope.arealist}" var="area" varStatus="status">
            <span class="yu1" id="spa"><a href="" id="<c:out value='${status.count-1 }'/>" class="ii">${area.oaName }餐馆</a></span>
        </c:forEach>
    </div>
</body>
<script type="text/javascript">
$(document).ready(function(){
    $("#spa").click(function(){
        parent.window.location.href="../shop/listshop.do?aid="+$(".ii").attr("id");//刷新父窗口
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        parent.layer.close(index);关闭窗口
    });
});
</script>