子視窗存檔時更新母視窗物件的值。
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
參考資料: