版权声明:本文为博主原创文章,未经博主允许不得转载。
第一次写子窗口与父窗口的传值取值的时候,我上网搜索了一些资料,然后我做了一个小的Demo,发现他们一般的传值方式都是比较简单的.但是有时候在不同环境下的操作不一定可以用到
根据http://blog.csdn.net/qq_26676207/article/details/50973890 博客,侵立删
//获取父窗口的值 var bmid=window.opener.document.getElementsByName('bmids')[0].id;//根据name获取父文本框id var bmids=window.opener.document.getElementById(bmid).value;获取父文本框的值 //在子窗口给父窗口赋值 var bmids=window.opener.document.getElementsByName('S_department')[0].id;//根据name获取父文本框id window.opener.document.getElementById(bmids).value=bmname;//子窗口向父窗口文本框赋值
我本人的环境是使用了fancybox插件 ,Fancybox是一款基于jquery开发的类Lightbox插件。 官网: http://fancybox.net/
在父页面中:
<script type="text/javascript"> //fancybox弹出框 function list(id) { $.fancybox({//调用fancybox弹出层 'type':'iframe', 'href':'URL地址', 'width' : 940, 'height' : 900, 'showCloseButton' : true, 'centerOnScroll' : true, 'hideOnOverlayClick' : true, }); }; </script>
<textarea id="userId" rows="5" cols="20" οnclick='list("1")'></textarea>
fancybox插件的介绍我的不多说了,各位看官有时间可以去了解一下
上面的意思的是 点击textarea输入框的时候,弹出一个框架
在框架中点击确认的时候 把选择的信息返回到textarea框中
这个框架是子窗口
$('#userId', parent.document).attr("value", data); //userId就是你要把信息赋值在输入框中的id data自然就是你传过去的信息