将计算值从弹出菜单转移到主窗体
Transfer the calculate value from pop menu to main form
我试图创建的形式，其中我计算(和)的值在弹出窗口，然后我需要将其转移到主要形式。它正确地计算值，但不传递值。你能帮我确定我错在哪里吗代码是:
<html>
<head>
<title>Popup contact form</title>
<link href="1.css" rel="stylesheet">
<script src="popup.js"></script>
<script type="text/javascript">
function findTotal(){
var arr = document.getElementsByName('qty');
var tot=0;
for(var i=0;i<arr.length;i++){
if(parseInt(arr[i].value))
tot += parseInt(arr[i].value);
}
document.getElementById('total').value = tot;
}
</script>
</head>
<!-- Body Starts Here -->
<body id="body" style="overflow:hidden;">
<div id="abc">
<!-- Popup Div Starts Here -->
<div id="popupContact">
<!-- Contact Us Form -->
<form action="#" id="form" method="post" name="form">
<img id="close" src="images/3.png" onclick ="div_hide()">
<h2>Contact Us</h2>
<hr>
Qty1 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty2 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty3 : <input onblur="findTotal()" type="text" name="qty" id="qty3"/><br>
Qty4 : <input onblur="findTotal()" type="text" name="qty" id="qty4"/><br>
Qty5 : <input onblur="findTotal()" type="text" name="qty" id="qty5"/><br>
Qty6 : <input onblur="findTotal()" type="text" name="qty" id="qty6"/><br>
Qty7 : <input onblur="findTotal()" type="text" name="qty" id="qty7"/><br>
Qty8 : <input onblur="findTotal()" type="text" name="qty" id="qty8"/><br>
<br>
Total : <input type="text" name="total" id="total"/>
<br><br>
<button id="submit" onclick="div_hide()">Send</button>
</form>
</div>
<!-- Popup Div Ends Here -->
</div>
<!-- Display Popup Button -->
<h1>Fees</h1>
<label>Hostel Charges<label>
Total : <input type="text" name="total" id="total"/>
<br>
<button id="popup" onclick="div_show()">Hostel Fees Charges</button>
</body>
<!-- Body Ends Here -->
</html>
function div_show() {
document.getElementById('abc').style.display = "block";
}
//Function to Hide Popup
function div_hide(){
document.getElementById('abc').style.display = "none";
}
css文件
@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
#abc {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
font-family:'Raleway',sans-serif
}
form {
max-width:300px;
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
font-family:raleway;
background-color:#fff
}
h2 {
background-color:#FEFFED;
padding:20px 35px;
margin:-10px -50px;
text-align:center;
border-radius:10px 10px 0 0
}
hr {
margin:10px -50px;
border:0;
border-top:1px solid #ccc
}
input[type=text] {
margin-top:20px;
border:1px solid #ccc;
font-size:15px;
}
#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#FFBC00;
color:#fff;
border:1px solid #FFCB00;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}
尝试将document.getElementById('hostelTotal').value = document.getElementById('total').value;添加到div_hide()函数中。这将从你的"弹出"的值，并把它放在你的主页的总框。注意，没有两个元素应该具有相同的id，所以我将主页上的一个更改为hostelTotal
function div_show() {
document.getElementById('abc').style.display = "block";
}
//Function to Hide Popup
function div_hide() {
document.getElementById('abc').style.display = "none";
document.getElementById('hostelTotal').value = document.getElementById('total').value;
}@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
#abc {
width: 100%;
height: 100%;
opacity: .95;
top: 0;
left: 0;
display: none;
position: fixed;
background-color: #313131;
overflow: auto
}
img#close {
position: absolute;
right: -14px;
top: -14px;
cursor: pointer
}
div#popupContact {
position: absolute;
left: 50%;
top: 17%;
margin-left: -202px;
font-family: 'Raleway', sans-serif
}
form {
max-width: 300px;
min-width: 250px;
padding: 10px 50px;
border: 2px solid gray;
border-radius: 10px;
font-family: raleway;
background-color: #fff
}
h2 {
background-color: #FEFFED;
padding: 20px 35px;
margin: -10px -50px;
text-align: center;
border-radius: 10px 10px 0 0
}
hr {
margin: 10px -50px;
border: 0;
border-top: 1px solid #ccc
}
input[type=text] {
margin-top: 20px;
border: 1px solid #ccc;
font-size: 15px;
}
#submit {
text-decoration: none;
width: 100%;
text-align: center;
display: block;
background-color: #FFBC00;
color: #fff;
border: 1px solid #FFCB00;
padding: 10px 0;
font-size: 20px;
cursor: pointer;
border-radius: 5px
}<html>
<head>
<title>Popup contact form</title>
<link href="1.css" rel="stylesheet">
<script src="popup.js"></script>
<script type="text/javascript">
function findTotal() {
var arr = document.getElementsByName('qty');
var tot = 0;
for (var i = 0; i < arr.length; i++) {
if (parseInt(arr[i].value))
tot += parseInt(arr[i].value);
}
document.getElementById('total').value = tot;
}
</script>
</head>
<!-- Body Starts Here -->
<body id="body" style="overflow:hidden;">
<div id="abc">
<!-- Popup Div Starts Here -->
<div id="popupContact">
<!-- Contact Us Form -->
<form action="#" id="form" method="post" name="form">
<img id="close" src="images/3.png" onclick="div_hide()">
<h2>Contact Us</h2>
<hr>Qty1 :
<input onblur="findTotal()" type="text" name="qty" id="qty2" />
<br>Qty2 :
<input onblur="findTotal()" type="text" name="qty" id="qty2" />
<br>Qty3 :
<input onblur="findTotal()" type="text" name="qty" id="qty3" />
<br>Qty4 :
<input onblur="findTotal()" type="text" name="qty" id="qty4" />
<br>Qty5 :
<input onblur="findTotal()" type="text" name="qty" id="qty5" />
<br>Qty6 :
<input onblur="findTotal()" type="text" name="qty" id="qty6" />
<br>Qty7 :
<input onblur="findTotal()" type="text" name="qty" id="qty7" />
<br>Qty8 :
<input onblur="findTotal()" type="text" name="qty" id="qty8" />
<br>
<br>Total :
<input type="text" name="total" id="total" />
<br>
<br>
<button id="submit" onclick="div_hide()">Send</button>
</form>
</div>
<!-- Popup Div Ends Here -->
</div>
<!-- Display Popup Button -->
<h1>Fees</h1>
<label>Hostel Charges
<label>
Total :
<input type="text" name="total" id="hostelTotal" />
<br>
<button id="popup" onclick="div_show()">Hostel Fees Charges</button>
</body>
<!-- Body Ends Here -->
</html>相关文章：
- 防止Iframe窗体在新窗口中打开
- Meteor-将选定窗体中的对象添加到集合中
- 后焦点更改为IE 11中的地址栏，而不是转移到表单中的下一个控件
- 如何轻松地将服务器端变量从Java代码转移到客户端代码
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- 主干窗体隐藏字段未呈现
- 如何首先设置样式<td>表中包含在窗体中的元素
- 如何添加CSS&JavaScript进入Windows窗体应用程序C#.net
- 如何将窗体的子元素居中
- 显示嵌套窗体
- 根据输入的数据重定向到页面的窗体
- 将文本框中的值用于按钮窗体操作上的变量
- 仅为一个窗体运行应用程序脚本
- 在EXT窗体面板中填充EXT JS存储
- 模型数据未通过窗体传播到控制器ASP.NET MVC4
- 如何将值从选择框转移到文本框
- WebMethod在ASP.Net Web角色(Web窗体）中不起作用
- 当屏幕键盘出现在手机中时，窗体会隐藏起来
- 如何使键盘在多页的Iphone窗体上消失
- 将计算值从弹出菜单转移到主窗体
