将值从子窗口传递到父窗口

时间:2011-01-10 13:17:09

标签: javascript

我想将子窗口中的多个值从子窗口传递到父窗口。

但是,我可以将单个复选框的单个值传递给父窗口。

但是当我在子窗口中声明两个复选框时,父窗口显示未定义的值

子窗口代码:

function post_value(){
   opener.document.cat_tree.catselected.value = document.frm.child_name.value;
   self.close();
}

请咨询

2 个答案:

答案 0 :(得分:1)

尝试为这些多个复选框分配一个ID并按此方式执行:

<input type="checkbox" name="child_name_1" id="child_name_1" value="value1" />
<input type="checkbox" name="child_name_2" id="child_name_2" value="value2" />

...

function post_value(){
    var all_values = '';
    all_values += document.getElementById('child_name_1').value;
    all_values += ', '+document.getElementById('child_name_2').value;
    opener.document.cat_tree.catselected.value = all_values;
    self.close();
}

...您也可能错过了为子窗口中的复选框指定值,但我想这不太可能,因为它适用于单个窗口

答案 1 :(得分:1)

这是一个向父窗口发送用户名和密码的脚本:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" >
            function post_value(){
                var all_values = '';
                all_values += 'id='+document.getElementById('id').value;
                all_values += '&username='+document.getElementById('username').value;
                all_values += '&password='+document.getElementById('password').value;
                window.opener.location='listing.php?'+all_values;
                self.close();
            }
        </script>

        <style type="text/css">
            body { background-color:#b0c4de; }
        </style>
    </head>

    <body>
        <form method="POST">
            <input type="hidden" id="id" name="id" value="<?=$_GET['id']?>">
            <h2>Log-In</h2>
            <p>Username:</p><input type="text" id="username" name="username">
            <p>Password:</p><input type="text" id="password" name="password">
            <input type="submit" name="login" Value="Log-In" onClick="post_value();" />
        </form>
    </body>
</html>