[js]子母視窗傳值

子視窗存檔時更新母視窗物件的值。

step1. 母視窗按下按鈕,打開子視窗

//開起子視窗
function OpenWin() {
   window.open("../children.aspx", null, "width=500px,height=500px"); 
}

 window.open(' 新視窗的網址 ', '新視窗的名稱', config='height=高度,width=寬度');

step2.將子視窗選取選項帶回母視窗欄位

// 將radio選取選項,帶回母視窗頁面
function sendData() {
    var checkedText = document.querySelector('input[type="radio"]:checked').value;
    window.opener.document.getElementById("tbxContent").value = checkedText;
    window.close();
}

document.querySelector取得目前子視窗所選取選項的Value值

重點在子視窗中window.opener 取呼叫母視窗的資料,並用getElementById取得母視窗要輸入值的元素Id

參考資料:

1.https://blog.heitang.info/95/javascript%E5%AD%90%E6%AF%8D%E8%A6%96%E7%AA%97%E5%82%B3%E9%81%9E%E5%AF%AB%E6%B3%95/