JS弹出窗口

dazui521 2009-03-17 01:48:02
有这样一个功能,不知道怎么实现:
标题1:编号(文本框)内容:10000;标题:代码(下拉列表) 内容:PP;标题:期限(下拉列表)20;标题:金额(文本框) 内容:3000
以上都是一行显示的
当输入完金额后,回车,弹出窗口,显示:
编号:10000 代码:PP 期限:20
单选按钮:可选辅助代码1(选择)
单选按钮:可选辅助代码2
金额:200
(是/否)两个按钮,点否返回刚才输入页面,点是则把弹出窗口的内容传到刚才输入的页面
形成如下效果:
标题1:编号(文本框)内容:10000;标题:代码(下拉列表) 内容:PP;标题:期限(下拉列表)20;标题:金额(文本框) 内容:3000
标题2:编号(文本框)内容:10000;标题:代码(下拉列表) 内容:可选辅助代码1;标题:期限(下拉列表)20;标题:金额(文本框) 内容:200

表述的不好,请大家帮忙了


...全文
118 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
Jacky_Zhu_1983 2009-03-17
  • 打赏
  • 举报
回复
当输入完金额后,这里可以用光标丢失 onblur(调用一个JS方法 比如aaa()),

function aaa(){
var url = 弹出窗口的URL +参数;
var returnValue = window.showModalDialog( url, window, "dialogHeight: 700px; dialogWidth: 700px; edge: Raised; center: Yes; help: no; resizable: no; status: no;");
}

在弹出窗口点是的时候调用
var returnValues = 返回值;
window.returnValue = returnValues;
window.close();

然后在主页面判断 是否显示可选辅助代码
cirfye 2009-03-17
  • 打赏
  • 举报
回复
你把界面的html贴出来先吧,不太理解你的界面是怎么样摆的
dazui521 2009-03-17
  • 打赏
  • 举报
回复
楼上的没看懂
cirfye 2009-03-17
  • 打赏
  • 举报
回复

<script>
document.onkeydown = enterkey;
function enterkey(e){
if (e == 13||e == 32)
{
msgConfirm();
}
}
function msgConfirm(){

var str = "";
str += "编号:10000 代码:PP 期限:20 ";
str += "单选按钮:可选辅助代码1(选择)";
str += "单选按钮:可选辅助代码2 ";
str += "金额:200 ";
str += "<button onclick=\"ExecuteAction()\">确定</button>";
str += "<button onclick=\"NonExecuteAction()\">取消</button>";


var dbox = document.getElementById("box");
dbox.innerHTML = str;
}

function ExecuteAction(){//将值插入到页面
//取得弹出框内的值
//自己想吧
//构建界面字符串
str = "标题2:编号(文本框)内容:10000;标题:代码(下拉列表) 内容:可选辅助代码1;标题:期限(下拉列表)20;标题:金额(文本框) 内容:200 ";
//插入界面
var dList = document.getElementById("list");
dList.innerHTML += "<br/>" + str;
}

function NonExecuteAction(){//关闭窗口
var dbox = document.getElementById("box");
dbox.innerHTML = "";
}
</script>
<div id="box"></div>
<div id="list">
标题1:编号(文本框)内容:10000;标题:代码(下拉列表) 内容:PP;标题:期限(下拉列表)20;标题:金额(文本框) 内容:3000
</div>
dazui521 2009-03-17
  • 打赏
  • 举报
回复
就是说怎么把第一页录入的内容传递给弹出的窗体?
Sou2012 2009-03-17
  • 打赏
  • 举报
回复
我也没看懂。。。

81,111

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧