欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

asp 彈出窗口值回填到父窗口

張吉惟1年前8瀏覽0評論
問題描述: 在ASP中,經常會遇到需要在子窗口中進行一些操作,然后將操作結果回填到父窗口的情況。比如,我們可能需要在子窗口中選擇某個值,然后將選中的值返回到父窗口的輸入框中。這種情況下,我們可以采用彈出窗口并將值回填到父窗口的方法來實現。 解決方案: 為了實現彈出窗口的值回填到父窗口,我們可以使用JavaScript來完成。首先,在父窗口中創建一個輸入框,用于接收子窗口返回的值。然后,在父窗口中定義一個函數,用于接收子窗口傳遞的值并填充到輸入框中。接下來,在子窗口中選擇某個值后,通過JavaScript調用父窗口的函數,并將選擇的值作為參數傳遞給該函數。最后,父窗口的函數將接收到的值填充到輸入框中。 下面以一個簡單的示例來說明以上的解決方案。假設在父窗口中有一個輸入框和一個按鈕,點擊按鈕將彈出子窗口。在子窗口中有一組選項,選擇某個選項后,該選項的值將回填到父窗口的輸入框中。 先來看一下父窗口的代碼:
<input type="text" id="result">
<input type="button" onclick="openChildWindow()" value="選擇值">
<script type="text/javascript">
function receiveValue(value) {
document.getElementById("result").value = value;
}
function openChildWindow() {
window.open("child.html", "_blank", "height=200,width=200");
}
</script>
在父窗口中,我們創建了一個輸入框和一個按鈕。點擊按鈕時,會彈出一個名為"child.html"的子窗口。同時,在父窗口中定義了兩個函數:receiveValue和openChildWindow。其中,receiveValue函數用于接收子窗口傳遞的值并填充到輸入框中,openChildWindow函數用于打開子窗口。 接下來,我們來看一下子窗口的代碼:
<select id="selection">
<option value="value1">選項1</option>
<option value="value2">選項2</option>
<option value="value3">選項3</option>
<option value="value4">選項4</option>
</select>
<input type="button" onclick="returnToParent()" value="確定">
<script type="text/javascript">
function returnToParent() {
var value = document.getElementById("selection").value;
window.opener.receiveValue(value);
window.close();
}
</script>
在子窗口中,我們創建了一個下拉列表,其中包含了一組選項。同時,我們還創建了一個按鈕,用于將選中的值返回到父窗口。在按鈕的onclick事件中,我們執行returnToParent函數。該函數首先使用JavaScript獲取到選中的值,然后調用window.opener.receiveValue(value)將該值傳遞給父窗口的receiveValue函數,并最后關閉當前的子窗口。 通過以上的代碼,我們實現了在子窗口中選擇一個值,并將該值回填到父窗口的輸入框中。這種方法不僅適用于選擇下拉列表的情況,也可以用于其他需要在子窗口中進行一些操作的情況。 總結: 在ASP中,我們經常需要將彈出窗口的值回填到父窗口。通過使用JavaScript,我們可以輕松地實現這一功能。我們只需要在父窗口中定義一個函數來接收子窗口的值,并在子窗口中使用JavaScript調用該函數并傳遞值即可。這樣,我們就可以實現在彈出窗口中進行一些操作,并將操作結果回填到父窗口的功能。無論是選擇下拉列表的值,還是進行其他操作,都可以通過這種方式來實現。