Jquery ui 从弹出窗口到父窗口的Jquery检查值将消失
朋友 功能如下所示,当用户单击按钮时,将打开一个弹出页面,其中包含复选框,用户在从复选框中选择值时,单击“在弹出时提交”,这些值将显示到父页面。我面临的问题是,当用户提交弹出值时,这些值会在父页面上被禁用,页面会被重新加载 弹出窗口的代码是Jquery ui 从弹出窗口到父窗口的Jquery检查值将消失,jquery-ui,jquery,Jquery Ui,Jquery,朋友 功能如下所示,当用户单击按钮时,将打开一个弹出页面,其中包含复选框,用户在从复选框中选择值时,单击“在弹出时提交”,这些值将显示到父页面。我面临的问题是,当用户提交弹出值时,这些值会在父页面上被禁用,页面会被重新加载 弹出窗口的代码是 <a href="#" id="pop" >Select Language</a> <br /> <form action= "" id ="overlay_form" method=
<a href="#" id="pop" >Select Language</a>
<br />
<form action= "" id ="overlay_form" method= "post" style="display:none">
<h3>Select Language</h3>
<br /><br />
<input type="checkbox" name="countryCheckbox[]" value="English" /> English <br/>
<input type="checkbox" name="countryCheckbox[]" value="French" /> French <br/>
<input type="checkbox" name="countryCheckbox[]" value="Norwagian" /> Norwagian <br/>
<input type="checkbox" name="countryCheckbox[]" value="Swedish" /> Swedish <br/>
<input type="checkbox" name="countryCheckbox[]" value="Hindi" /> Hindi <br/>
<input type="checkbox" name="countryCheckbox[]" value="Chinese" /> Chinese <br/>
<br /><br />
<div class="row-fluid grid-footer">
<div class="span8"></div>
<div class="span5">
<input class="btn btn-primary btn-primary-secondary" type="submit" name="saveDepartmentBtn" id="saveOrg" value="Submit" onclick="this.disabled='disabled'; document.getElementById('saveOrg').disabled='disable';this.form.submit(); ">
</div>
<div class="span1">
<button class="btn btn-secondary" type="button" cancel-action="/admin/role/list" ><spring:message code="common.cancel" /></button>
</div>
</div>
</form>
<p id="text">
The selected Languages are:
</p>
检查值在警报后消失(“5”内);在上述代码中。
最后的css部分是
<style>
#overlay_form{
position: absolute;
border: 5px solid gray;
padding: 10px;
background: white;
width: 270px;
height: 380px;
}
#pop{
display: block;
border: 1px solid gray;
width: 65px;
text-align: center;
padding: 6px;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
}
</style>
#重叠式{
位置:绝对位置;
边框:5px纯灰;
填充:10px;
背景:白色;
宽度:270px;
高度:380px;
}
#流行音乐{
显示:块;
边框:1px纯色灰色;
宽度:65px;
文本对齐:居中;
填充:6px;
边界半径:5px;
文字装饰:无;
保证金:0自动;
}
请建议保留从弹出窗口中选择的值的解决方法。您可以将这些值放置在会话id或会话存储中(如果您使用的是html5)
<style>
#overlay_form{
position: absolute;
border: 5px solid gray;
padding: 10px;
background: white;
width: 270px;
height: 380px;
}
#pop{
display: block;
border: 1px solid gray;
width: 65px;
text-align: center;
padding: 6px;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
}
</style>