js弹出弹窗，并从弹窗中取值，返回父页面

于 2020-12-09 14:06:24 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CuiGongZi/article/details/110921374
版权 
//弹出弹框
 url="${pageContext.request.contextPath}/facegl/eyecool/eyecool.jsp?pqdwbmid="+pqdwbmid+"&rytype="+rytype;
 open_win = window.open(url, "pgzprint", "height=550,width=700,top=250,left=600,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes",true);

从弹窗中取值，并在父页面接收

//父页面
 function openCream(rytype){
            var pqdwbmid =$("*[name='pqdwbmid']").val();
 			url="${pageContext.request.contextPath}/facegl/eyecool/eyecool.jsp?pqdwbmid="+pqdwbmid+"&rytype="+rytype;
			open_win = window.open(url, "pgzprint", "height=550,width=700,top=250,left=600,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes",true);
			setValue(name,sqspqx,lx);
	}
 function setValue(name,sqspqx,lx) {
            if (lx==0){
                $("#ry_xm_sp").val(name);
                $("#ry_sqspqx_sp").val(sqspqx);
            }
            if(lx==1){
                $("#ry_xm_ly").val(name);
                $("#ry_sqspqx_sq").val(sqspqx);
            }
        }
  //子弹窗
  window.opener.setValue(name,sqspqx,lx);
  window.close();
CatServer
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jsp页面返回上一级
zhanghaotian2011的专栏
03-30 8878
1. 返回上一页 随便哪个页面进来的都可以退回去，刚用到这个！ 用这个办法吧 返回去的总是： 第一：对于http://localhost:8080/news/card/AddCard.jsp?com_id=1这样的网址 返回上一页 在本页面闪一下什么效果也没有 第二：http://localhost:8080/news/card/c
JavaScript ymPrompt弹窗组件 --父子窗口 获取值 使用实例
Hurry的专栏
04-17 5390
//子窗口调用 //打开岗位选择器,默认返回选择的岗位ID和Name function openGroupSelector() { ymPrompt.win({ message : '${ctx}/jsp/task/definition/selectStation.jsp', width : 600,
JS返回父级页面并刷新
CouryLove的博客
01-14 2204
parent.location.reload();
js弹出子页面并将值返回父页面
Shiring-Spring
06-25 2055
父页面 function openNewWin(){     var ret =window.showModalDialog("a2.jsp",{win:window},dialogHeight:200px;dialogWidth:200px);     document.forms[0].ss.value=ret;    window.reload();}        
弹出窗口取值并返回
01-07
综上所述，实现"弹出窗口取值并返回"涉及的技术点包括但不限于前端弹窗的创建、父子页面通信机制、事件处理、前端框架的使用以及可能的后端数据操作。在实际项目中，开发者需要结合具体需求和所使用的技术栈来灵活...
js弹出层并获取弹出层文本内容
07-11
在"js弹出div获取弹出层中文本值"这个场景中，我们将讨论如何利用JavaScript实现这一功能，并确保它在主流浏览器如IE6+、Firefox（ff）等上兼容。 首先，我们需要创建一个可隐藏的div元素作为弹出层，然后在需要的...
使用layer弹窗,制作编辑User信息页面的方法
10-16
layer是一个常用的JavaScript弹出层插件，常用于实现对话框、提示框、加载层等多种功能。在制作编辑User信息页面的过程中，我们需要考虑如何在A页面中打开B页面（即编辑页面）作为layer弹窗，并在B页面中接收并显示...
获取layer.open弹出层的返回值方法
10-18
在Web开发中，Layer是一个常用的JavaScript弹窗插件，它提供了丰富的弹出层功能，如提示、对话框、加载层等。在本文中，我们将深入探讨如何在使用`layer.open`创建弹出层时获取返回值的方法。 首先，`layer.open`是...
js 弹出窗口
06-13
在JavaScript（JS）中，创建弹出窗口是一种常见的交互设计，可以用来显示额外的信息或执行特定功能。在给定的标题“js 弹出窗口”和描述中，我们可以看到几个关键点：弹出窗口的加载、遮罩效果、拖动功能、自动关闭...
js中子页面获取父页面ID
10-31
js中子页面调用父页面ID,对父页面操作
JS window.opener返回父页面的应用
12-09
JS代码： window.open()； 而当支付成功后，需要关闭支付平台支付成功界面，并在客户端加载客户端支付成功页面，JS代码: window.opener.location.href=url;window.close();
div层实现IE Firefox 页面半透明遮罩效果弹窗
03-18
为了使弹出窗口在页面中心居中，我们使用了`transform: translate(-50%, -50%)`，这会将弹窗左上角移动到其父元素的中心。 至于`images`目录，通常我们会在这里存放与页面相关的图片资源，如弹出窗口的图标或背景...
解决layer.open弹出框不能获取input框的值为空的问题
12-11
然而，在实际应用中，开发者可能会遇到一些问题，例如在本例中提到的“`layer.open`弹出框不能获取`input`框的值为空”的问题。 这个问题出现在尝试通过`layer.open`弹出一个包含`input`表单元素的对话框，并试图...
我个人认为很好的用div来做的透明弹出的效果。
11-18
本示例中提到的“很好的用div来做的透明弹出的效果”是指利用 `div` 元素创建一种可自定义透明度，并且能够以动画形式弹出的交互效果。这种效果常见于各种网页的模态对话框、提示窗口或者下拉菜单等，为用户提供信息...
js弹窗 取到值且回显到父页面的组件上
hhhliushen的博客
04-04 774
项目需要有个弹窗并且回显值，作为一名程序媛，前端还停留在html，很惭愧，只好借鉴一下啦。 主页面: <html lang="en"> <head> <meta charset="UTF-8"> <title>main</title> </head> <body> <script> ...
JS调用弹出框并获取返回值
peng_jian_ming
11-14 3692
在Web开发中不免会遇到这种问题，在页面中单击按钮调用事件弹出一个对话框，然后选中对话框中的数据，并返回到当前页。 1、首先创建一个方法进行调用弹出框 function selectItem(obj){ var url="/ycportal/Item.jsp?url=contentblock.block.${requestmap.blockkey}.view.list.whseitem"...
JS获取弹出窗口返回的值
xiosu的专栏
12-09 5628
JS获取弹出窗口返回的值
vue中父页面如何给子页面传值？子页面又该如何从父页面取值？
最新发布
05-31
父页面给子页面传值的方式有多种，以下是其中的两种： 1. 使用props属性 父组件可以通过props属性将数据传递给子组件。在子组件中，通过props选项来声明需要接收的数据。 父组件： ```javascript <template> <child-component :propName="parentData"></child-component> </template> <script> export default { data() { return { parentData: 'hello world' } } } </script> ``` 子组件： ```javascript <template> <div>{{propName}}</div> </template> <script> export default { props: { propName: String } } </script> ``` 2. 使用$emit方法 父组件可以通过$emit方法触发子组件中的自定义事件，并传递需要的数据。 父组件： ```javascript <template> <child-component @customEvent="onCustomEvent"></child-component> </template> <script> export default { methods: { onCustomEvent(data) { console.log(data) } } } </script> ``` 子组件： ```javascript <template> <button @click="emitCustomEvent">Click Me</button> </template> <script> export default { methods: { emitCustomEvent() { this.$emit('customEvent', 'hello world') } } } </script> ``` 子页面如何从父页面取值，可以通过以下两种方式： 1. 使用props属性 子组件中可以直接通过props属性来获取从父组件传递过来的数据。 ```javascript <template> <div>{{propName}}</div> </template> <script> export default { props: { propName: String } } </script> ``` 2. 使用$parent属性 子组件中可以通过$parent属性来获取父组件的实例，然后再通过该实例来访问父组件中的数据。 ```javascript <template> <div>{{parentData}}</div> </template> <script> export default { computed: { parentData() { return this.$parent.parentData } } } </script> ``` 需要注意的是，使用$parent属性获取父组件的实例是一种不太推荐的方式，因为它会使子组件与父组件之间产生紧密的耦合。在可能的情况下，建议使用props属性来传递数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值