查找带回

最新推荐文章于 2019-11-26 17:34:07 发布

水荷

最新推荐文章于 2019-11-26 17:34:07 发布

阅读量1.6k

点赞数

分类专栏： JavaScript 文章标签：前端

本文链接：https://blog.csdn.net/shuiseyangguang/article/details/56670969

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

经常用到的查找带回，通过window.open（）打开新页面，然后在子页面window.opener方法将选中的值传递给父页面。
兼容谷歌，火狐，IE7
父页面parent.html,代码如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.8.0.min.js" ></script>
    </head>
    <body>
        <div id="parent">
            <input type="text" id="text"/>
            <input type="hidden" id="hide" />
            <input type="button" id="btn" onclick="choose();" value="查找带回" />
        </div>

    </body>
    <script>
        function choose(){
            window.open("parentchild.html","newwindow", "height=200,width=400", "toolbar =no", "menubar=no", "scrollbars=no", "resizable=no", "location=no" ,"status=no");
        //这些要写在一行
        }
    </script>
</html>

子页面parentChild.html,代码如下：

<!DOCTYPE html>
<script type="text/javascript" src="js/jquery-1.8.0.min.js" ></script>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.8.0.min.js" ></script>
    </head>
    <body>
        <input class="dianji" name="test" type="checkbox" value="1"/>1
        <input class="dianji" name="test" type="checkbox" value="2"/>2
        <input class="dianji" name="test" type="checkbox" value="3"/>3
        <input type="button" id="btnDone" value="选择" />
        <input type="button" id="btnCancel" onclick="window.close();" value="取消" />
    </body>
    <script>
        $(document).ready(function () {
            $(".dianji").click(function(){
    window.opener.$("#text").attr('value',$(this).val());
                window.close();
            });
        });
    </script>
</html>

其中：
window.open 弹出新窗口的命令；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
这些选项也可以去掉

水荷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
查找带回

经常用到的查找带回，通过window.open（）打开新页面，然后在子页面window.opener方法将选中的值传递给父页面。兼容谷歌，火狐，IE7 父页面parent.html,代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scrip
复制链接

扫一扫

专栏目录