[英]Trying to pass a form value from pop-up window to Parent window in JS
這是父代碼:
<!DOCTYPE HTML>
<img id="header" src="www.google.com" alt="image">
<input type="text" id="txtName" />
<input type="button" value="Select" onclick="imageReplacement();" />
<script>
function imageReplacement() {
var imager = document.getElementsByTagName("img")[0]
popitup();
}
var popup;
function popitup() {
popup = window.open("Popup.html", "Popup", "width=300,height=100");
popup.focus();
return false
}
</script>
這是彈出代碼:
<!DOCTYPE HTML>
<input name="imageNew" id="imageNew"></input>
<br />
<br />
<input type="button" value="Select" onclick="SetName();" />
<script type="text/javascript">
function SetName() {
var txtName = window.opener.document.getElementById("txtName");
txtName.value = document.getElementById("imageNew").value;
window.close();
}
</script>
現在,彈出窗口上設置的任何值都不會傳輸到父窗口。 是否可以使用javascript進行操作,或者您需要網絡服務來傳輸值?
我還沒有嘗試過是否可以在子窗口中設置父窗口的html元素的值。 但是您絕對可以設置父窗口對象的屬性。 此外,為彈出窗口定義一個onclose處理函數,當在父窗口中關閉彈出窗口時會調用該窗口。 調用close-handler時,您可以提取已設置彈出窗口的屬性的值。
希望這會有所幫助,並給您一些解決該問題的想法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.