運行描述:在A頁單擊按鈕彈出對話框B,選擇要選擇的欄目,彈出確認信息。確定后對話框B自動關閉,其所選擇的欄目值傳到A頁相應的文本框內。代碼如下
A.htm
<script>
function openwin(){
var value = window.showModalDialog("b.htm",window,"dialogWidth:370px;help:no;resizable:no;status:no;scroll:no");
document.form1.a.value = value;
}
</script>
選擇欄目:<a href="#" onClick="javascript:openwin();">click</a>
<form name="form1">
<input name="a" type="txt">
</form>
B.htm
<script>
function returnAll(str){
if(confirm("是否選擇'"+str+"'")){
window.returnValue=""+str+"";
window.close();
}
}
</script>
<form name="form1">
<a href="#" onClick="javascript:returnAll(this.innerText);" id="a">a</a>
<a href="#" onClick="javascript:returnAll(this.innerText);" id="b">b</a>
<a href="#" onClick="javascript:returnAll(this.innerText);" id="c">c</a>
</form>