获取弹出窗体(showModalDialog或showModelessDialog)中控件的值

最新推荐文章于 2022-10-18 22:41:35 发布

原创最新推荐文章于 2022-10-18 22:41:35 发布 · 697 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #input #function #html

1.0 JavaScript 专栏收录该内容

61 篇文章

订阅专栏

本文介绍了一种在模式和非模式对话框间传递值的方法，通过JavaScript实现对话框与父窗口之间的信息交流，展示了如何使用`showModalDialog`及`showModelessDialog`函数，并通过`dialogArguments`对象获取对话框内输入的值。

GetDialogValue.html

<html>
<body>
<script>

var openText="无－空";

function DisModeDialog(){
    window.showModalDialog("open.html",window,"status:no;help:no;dialogWidth:240px;dialogHeight:200px");
}

function DisModelessDialog(){
       window.showModelessDialog("open.html",window,"status:no;help:no;dialogWidth:240px;dialogHeight:200px");
}

function GetOpenDialogValue(){
    myspan.innerText=openText;
}
</script>
您从对话框中，输入的值是：
<span id="myspan"></span><br><br>

<input type="button" value="模式对话框" onclick="DisModeDialog()">&nbsp&nbsp&nbsp&nbsp
<input type="button" value="非模式对话框" onclick="DisModelessDialog()">
</body>
</html>

Open.html

<html>
<body>
<script>
function GetInfo(){
    var openObj=dialogArguments;
    openObj.openText=enterName.value;
    openObj.GetOpenDialogValue();
}
</script>

<LABEL FOR="enterName" ACCESSKEY="f">请输入您的姓名(<span style="text-decoration:underline">F</span>)</LABEL>
<input type=text name="enterName" id="enterName">
<input type=button value="应用" onclick="GetInfo()">
<input type=button value="确定" onclick="GetInfo()">
<input type=button value="取消" onclick="window.close();">

</body>
</html>

其实只要记住这一句　var openObj=dialogArguments;　就行了．获取被打开窗体的句柄就够了．．．