부트 스트랩 모달 외부에서 div를 업데이트하는 방법

Question

외부 콘텐츠가있는 부트 스트랩 모달 창을 호출하는 페이지가 있습니다. 모달 윈도우는 폼으로 구성됩니다. 양식 jquery 유효성 검사를 사용하고 있고 Ajax 제출 처리기를 사용하려고합니다. 문제는 내가 업데이트하려는 주요 div에 액세스 할 수없는 것입니다. 모달 창은 자체 html 페이지를 사용하고 있습니다. 모달 윈도우를 호출하는 데 사용 된 div를 업데이트하고 싶습니다. 가능한 일입니까?

더 명확히하기 위해 나를 게시하지 않는 한 코드가 없습니다. 희망하고 싶은 말이 의미가 있습니다.

편집 : -이 무시 내 업데이트 사업부의 바보 같은 유형을 만들어

[Main Page] 
<div id='div-id-want-to-update-on-submit'></div> 

<a href='/some-external-form' data-toggle='modal' data-target='#my-modal'>Launch Modal</a> 

[Modal Window] 
<div id="my-modal" class="modal hide fade"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <form action=/post-somewhere> 
... 
    </form> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 

<script type="text/javascript"> 
... some jquery to validate and ajax call to another method. 

    var request; 
    request = $.ajax({ 
     url: '/post-method/returns-html', 
     type: "post", 
     data: serializedData 
    }); 

    request.done(function (response, textStatus, jqXHR) { 
     $('#div-id-want-to-update-on-submit').html(response); 
    }); 
</script> 

가 [EDIT2] [메인 페이지 내가 모달 아약스 호출에서 업데이트 할 것입니다]. 아래에 권장 된대로 window.opener가 필요하지 않았습니다. DOM은 기본 페이지에서 사용할 수 있습니다.

Answer 1

당신은 window.opener.document

예를 들어, 함께 여는 문서를 참조 할 수 있어야한다

request.done(function (response, textStatus, jqXHR) { 
    $(window.opener.document).find('#div-id-want-to-update-on-submit').html(response); 
});