JavaScript實(shí)現(xiàn)彈出子窗口并傳值給父窗口
新建父窗口頁(yè)面:
加入以下腳本
<html xmlns=" <head runat="server">
<title>First</title>
</head>
<script type="text/javascript">
function ShowDialog(Url)
{
var iWidth=560; //模態(tài)窗口寬度
var iHeight=300;//模態(tài)窗口高度
var iTop=(window.screen.height-iHeight-100)/2;
var iLeft=(window.screen.width-iWidth)/2;
var returnValue=window.showModalDialog(Url, "newwindow", "dialogHeight:"+iHeight+"px; dialogWidth:"+iWidth+"px; toolbar:no; menubar:no; scrollbars:no; resizable:no; location:no; status:no;left:200px;top:100px;");
document.getElementById("TextBox1").innerText=returnValue;
}
</script>
<body>
<form id="form1" runat="server">
<input id="Button1" type="button" value="button" onclick="ShowDialog('./second.aspx')" />
<div><asp:TextBox ID="TextBox1" runat="server" Width="67px"></asp:TextBox></div>
</form>
</body>
</html>
創(chuàng)建second.html頁(yè)面:
<html xmlns=" <head runat="server">
<title>second</title>
<!--<base target="_self" ></base>-->
</head>
<script language="javascript">
function closeDiag()
{
window.opener=null;
window.close();
}
function OK()
{
var Value=document.getElementsByName("myRadio");
for(var i=0;i<Value.length;i++)
{
if(Value[i].checked)
{
window.returnValue = Value[i].value;
window.close();
}
else
{
document.getElementById("Lab_Info").innerText="沒(méi)有選中項(xiàng),請(qǐng)選擇!";
}
}
}
</script>
<body>
<form id="form1" runat="server">
<div>
<asp:DataGrid ID="dgSjygl" runat="server" AllowPaging="True" AutoGenerateColumns="False"
BackColor="White" Font-Size="9pt" PageSize="5" Width="100%" Height="127px" OnItemDataBound="dgSjygl_ItemDataBound">
<PagerStyle Mode="NumericPages" />
<AlternatingItemStyle BackColor="Gainsboro" />
<ItemStyle BackColor="#EEEEEE" ForeColor="Black" HorizontalAlign="Center" />
<Columns>
<asp:TemplateColumn>
<HeaderTemplate>
<label>選擇</label>
</HeaderTemplate>
<ItemTemplate>
<input type="radio" id="myRadio" name="myRadio" value='<%# DataBinder.Eval(Container.DataItem, "id") %>'>
</ItemTemplate>
<HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="60px" />
<ItemStyle HorizontalAlign="Center" />
</asp:TemplateColumn>
<asp:BoundColumn DataField="ID" HeaderText="編號(hào)">
<HeaderStyle Font-Bold="True" Width="75px" HorizontalAlign="Center"/>
</asp:BoundColumn>
<asp:BoundColumn DataField="MC" HeaderText="名稱(chēng)">
<HeaderStyle Font-Bold="True" Width="90px" HorizontalAlign="Center"/>
<ItemStyle HorizontalAlign="Center" />
</asp:BoundColumn>
<asp:BoundColumn DataField="BT" HeaderText="標(biāo)題">
<HeaderStyle Font-Bold="True" HorizontalAlign="Center"/>
</asp:BoundColumn>
</Columns>
<HeaderStyle BackColor="#7481BA" ForeColor="Yellow" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Font-Size="Small" />
</asp:DataGrid>
</div>
<div>
<input id="Btn_OK" type="button" onclick="OK()" value="確 定"/>
<input id="Btn_Cancel" type="button" onclick="clickDiag()" value="取 消" />
</div>
</form>
</body>
</html>
以上就是本人實(shí)現(xiàn)這個(gè)簡(jiǎn)單功能的全部?jī)?nèi)容了,感覺(jué)應(yīng)該還有更便捷的方法,有知道的小伙伴還請(qǐng)留言說(shuō)明下。
- js操作模態(tài)窗口及父子窗口間相互傳值示例
- javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例
- JavaScript新窗口與子窗口傳值詳解
- js創(chuàng)建子窗口并且回傳值示例代碼
- JAVASCRIPT實(shí)現(xiàn)的WEB頁(yè)面跳轉(zhuǎn)以及頁(yè)面間傳值方法
- JS父頁(yè)面與子頁(yè)面相互傳值方法
- JS中Iframe之間傳值及子頁(yè)面與父頁(yè)面應(yīng)用
- JavaScript實(shí)現(xiàn)在頁(yè)面間傳值的方法
- javascript彈出頁(yè)面回傳值的方法
- JS簡(jiǎn)單實(shí)現(xiàn)父子窗口傳值功能示例【未使用iframe框架】
相關(guān)文章
JavaScript屏蔽指定區(qū)域內(nèi)右鍵菜單
有時(shí)候需要屏蔽部分區(qū)域內(nèi)的右鍵菜單,下面的代碼大家可以測(cè)試下。2010-03-03js實(shí)現(xiàn)購(gòu)物車(chē)功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)購(gòu)物車(chē)功能的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06javascript中onmouse事件在div中失效問(wèn)題的解決方法
我們預(yù)期只有當(dāng)鼠標(biāo)從div中移開(kāi)的時(shí)候才會(huì)觸發(fā)onmouseout事件,可事實(shí)上,當(dāng)我們移到div中的元素時(shí),例如:本例中的a標(biāo)簽時(shí),就會(huì)觸發(fā) onmousout事件2012-01-01javascript自然分類(lèi)法算法實(shí)現(xiàn)代碼
這篇文章介紹了javascript自然分類(lèi)法算法實(shí)現(xiàn)代碼,有需要的朋友可以參考一下2013-10-10淺談javascript中l(wèi)odash與lodash-es的區(qū)別
本文主要介紹了javascript中l(wèi)odash與lodash-es的區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10JS實(shí)現(xiàn)超簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果
這篇文章主要介紹了JS實(shí)現(xiàn)超簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11基于Bootstrap的標(biāo)簽頁(yè)組件及bootstrap-tab使用說(shuō)明
這篇文章主要介紹了基于Bootstrap的標(biāo)簽頁(yè)組件及bootstrap-tab使用說(shuō)明,需要的朋友可以參考下2017-07-07基于Javascript實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單效果
這篇文章主要為大家詳細(xì)介紹了基于Javascript實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單效果的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03