JS关于jsp页面弹出框传值并显示
2014-08-31 20:26
447 查看
1. 先建立一个基础的index.jsp页面,添加弹出框的JS功能
<script type="text/javascript">
function openDialog(){
paramers="dialogWidth:500px; dialogHeight:300px; status:no";
workerId = window.showModalDialog("mm.jsp","",paramers);
if(workerId!=undefined && workerId!=""){
document.getElementById("leader").value = workerId;
}
}
</script>
2.在主体中使用表单显示
<form >
<input type="text" id="leader" onclick="javascript:openDialog();"/>
</form>
3.另外建立一个用于弹出的jsp页面mm.jsp 并在其中添加JS返回值功能
<script>
function sure(){
var leader = document.getElementById("leader").value;
window.returnValue = leader;
window.close();//传值完成自动关闭弹出页面
}
</script>
4.在mm.jsp中添加表单,把此表单的值传回index.jsp里的表单显示
<form action="" method="post">
<input type="text" id="leader" />
<input type="button" value="sure" onclick="sure();">
</form>
<script type="text/javascript">
function openDialog(){
paramers="dialogWidth:500px; dialogHeight:300px; status:no";
workerId = window.showModalDialog("mm.jsp","",paramers);
if(workerId!=undefined && workerId!=""){
document.getElementById("leader").value = workerId;
}
}
</script>
2.在主体中使用表单显示
<form >
<input type="text" id="leader" onclick="javascript:openDialog();"/>
</form>
3.另外建立一个用于弹出的jsp页面mm.jsp 并在其中添加JS返回值功能
<script>
function sure(){
var leader = document.getElementById("leader").value;
window.returnValue = leader;
window.close();//传值完成自动关闭弹出页面
}
</script>
4.在mm.jsp中添加表单,把此表单的值传回index.jsp里的表单显示
<form action="" method="post">
<input type="text" id="leader" />
<input type="button" value="sure" onclick="sure();">
</form>
相关文章推荐
- 关于EL${}在jsp页面不显示的问题收藏
- jsp页面不显示js错误(小红叉)代码
- 关于键盘弹出时遮盖页面显示的解决方案
- 关于jsp页面中显示中文图片问题
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件(转载)
- 很不错的js日期控件/在jsp页面弹出选择日期
- 关于在jsp页面显示当前时间及动态显示
- 关于弹出层(iframe)时刷新页面的js
- 在JSP页面中通过JS动态显示时间程序
- js 弹出页面和在空白区域显示一个结果。
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- 关于js插入页面元素问题 在js中创建html元素并在 引入js的地方直接显示
- 关于js传参到jsp页面乱码问题
- 解决JSP引入JS文件后,JS文件中字符在页面上显示为乱码问题
- 关于“jsp界面敲回车刷新页面或弹出打开、保存某个action”的处理方法
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
- 关于弹出层(iframe)时刷新页面的js
- 救命呀!关于从数据库读取Word文档(BLOB)在JSP页面显示
- 关于jsp:include 标签指向的页面无法显示的问题