<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<script language="JavaScript">
function doSel(){
document.getElementById("text1").value = showModalDialog("popup.html"); }
</script>
<body>
<input type="text" id="text1" value="">
<input type="button" value="select" onclick="doSel();">
</body>
</html>
popup.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<script language="JavaScript">
function doRet(){
window.returnValue = document.getElementById("sel").value;
close();
}
</script>
<body>
<select id="sel" value="">
<option value="AAAA">AAAA</option>
<option value="BBBB">BBBB</option>
<option value="CCCC">CCCC</option>
<option value="DDDD">DDDD</option>
<option value="EEEE">EEEE</option>
</select>
<br>
<input type="button" value="ok" onclick="doRet();">
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<script language="JavaScript">
function doSel(){
document.getElementById("text1").value = showModalDialog("popup.html"); }
</script>
<body>
<input type="text" id="text1" value="">
<input type="button" value="select" onclick="doSel();">
</body>
</html>
popup.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<script language="JavaScript">
function doRet(){
window.returnValue = document.getElementById("sel").value;
close();
}
</script>
<body>
<select id="sel" value="">
<option value="AAAA">AAAA</option>
<option value="BBBB">BBBB</option>
<option value="CCCC">CCCC</option>
<option value="DDDD">DDDD</option>
<option value="EEEE">EEEE</option>
</select>
<br>
<input type="button" value="ok" onclick="doRet();">
</body>
</html>
解决方案 »
- 谁能帮我用javascript实现下面的功能
- 想要的效果:在第一个文本框输入字符后,在第二个同步显示,在第三个左右添加内容后同步显示。
- js对象如何合并?
- 做一个图片切换效果的js
- 求助,JS数组动态输出问题(ASP),谢谢~@!
- replace问题
- 问javascript 读xml的问题
- TD是否有ln这个属性,从不记得在Dom中有这个属性的记录,可下载个在线编辑表格却有这个东东
- JS 特效, 这个怎么实现? 100结贴
- 求一个脚本语句:一张表有4列checkbox我想实现在每列Checkbox中始终只能选择一个且提交时验证不能全为空!!!
- 字体颜色渐变!
- 当光标停在a标签的链接上,怎么在光标处显示一段文字提示?
还可以用js传值,session等等等~~
可以通过cookie,也可能通过对象引用.
不过最好的方法还是使用div和showModalDialog来实现.
这样做可以实现弹出窗口的封装性.
避免与父窗口的强耦合.
它是阻塞方式的.
可以使用调用的程序实现起来更简单.
不过它最大的问题是只有IE支持.
function openDialogWin()
{
var result = window.showModalDialog("ShowMessage.aspx","","dialogHeight:160px; dialogWidth:300px; status:no; help:no; scroll:no");
//window.show('ShowMessage.aspx', '','height=300, width=400, top=250, left=250, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no','_blank');
if(result == "Yes")
window.alert("You Clicked Yes!");
else if(result == "No")
window.alert("You Clicked No!");
//document.writeln(result);
}
</script><input type=button value="按钮" name="btn" onclick="openDialogWin()" /> Response.Write("<script language='javascript'>");
Response.Write("function confirm(){ window.returnValue='Yes';window.close(); }");
Response.Write("function cancel(){ window.returnValue='No';window.close(); }");
Response.Write("</script>");
Response.Write("<div align='center'><input type='button' value='Yes' onclick='confirm()' /><input type='button' value='No' onclick='cancel()' /></div>");