안녕하세요. 자바스크립트 관련해서 질문드립니다.

원하는 것은 새로운 창이 열리고 값을 입력받고 새 창이 닫힐 때 j쿼리 스크립트 함수 실행입니다. 현재 새 창이 열리고 값 입력받고 새 창을 닫을 때 그 값을 content(text박스)에 넣어서 가져옵니다.

text박스로 값을 확인해 보면 값은 제대로 넘어옵니다. //content의 값은 rgb값을 받아옵니다)// 그래서 그것을 이용해서 div로 박스를 만들고 배경으로해서 색깔을 확인하려고합니다. 근데, 막상 저 함수안에서 alert나 console.log로 찍어보면 아무값도 들어있지 않습니다.

text박스에는 분명 들어잇는데, var content에는 안들어있으니 div를 넣어도 빈 박스만 나와서 어떻게 해결을 해야할지 모르겠습니다. 그래서 open함수가 끝나고 실행되는 함수를 찾아봤지만 아직까지는 찾지 못했고, content을 onchange로 바꿔서 실행해보았지만 작동하지않습니다.

어떻게 해야할지 조언부탁드립니다.

<script>
$('#btn').on('click', function(){
        var win = window.open("testpage", "testpage","left=200,width=680,height=530");
                var content = $('#content').val();<---??
                var con = "<div style='background-color:"+content+"width:300px; height:300px'>";    
                //var con의 내용을 jsp에서 이대로 쓰면 제대로 실행됩니다. 
        $("#testcol").append("<div style='background-color:"+color+"width:300px; height:300px'></div>"); 
<script>

//html 'jsp'
<div id="testcol">
    <input type="button" id="btn" value="테스트버튼">
    <input type="text" id="content" value="">

    <div id="testcol">

    </div>

</div>


//새창 관련 함수

<script>
$('#colorbtn').on('click', function(){
        var c = $('.colorpreview').css('background-color');
        $('#color').val(c);
        opener.document.getElementById("color").value=document.getElementById("color").value;
        self.close();
    })