Click the button in the layer's pop-up box to refresh the parent page and close the popup box

Today the write Layer pop-up box is an area selection, which needs to be displayed according to the selected area.

Click on the Chinatown Restaurant parent page will refresh and pop-up box will disappear

The code is as follows:

<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} restaurant </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 ");//Refresh parent window
        var index = Parent.layer.getFrameIndex (Window.name); Gets the window index
        parent.layer.close (index); close window
    });
});
</script>