http://www.cnblogs.com/tonyqus/archive/2005/05/18/158357.html

如果我们要在一个普通窗体中用javascript动态添加一个option选项,我们会这样写:


javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]插图
document.form1.list1.options[
0
]
=
new
 Option(
"
A1
"
,
"
a1
"
); 假设现在有一个表单名字叫form1,其中有一个list1为列表。

以上代码如果在当前窗口调用,会添加一个text="A1", value="a1",等同于代码<option value="a1">A1</option>

注:本文中所提到的opener是指打开另一个窗口的窗口,另一个窗口在本文中叫做被打开窗口。

既然这种方法可行,我们能否在被打开的窗体中控制opener窗体,并在opener窗体中创建一个option选项呢?理论上的代码如下:


javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]插图
window.opener.document.all.list1.options[
0
]
=
new
 Option(
"
AA
"
,
"
aa
"
); 假设opener窗体中有一个name=list1的列表

但实际情况是,如果执行上面的代码,将不会产生任何效果。如果我们分析一下原因会发现,new Option()产生的对象在被打开的窗体中,而非opener窗体中,javascript中规定:只允许窗体访问自己的变量对象。因此正确的方法应该是:


javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]插图
    
var
 newOpt
=
window.opener.document.createElement(
"
option
"
);
javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]插图    newOpt.text

=
"
AA
"
;
javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]插图    newOpt.value

=
"
aa
"
;
javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]插图    window.opener.document.all.list1.options.add(newOpt);
这样就可以在opener窗体中创建一个option选项。

转载于:https://www.cnblogs.com/penboy/archive/2005/06/11/172888.html

原文链接:https://blog.csdn.net/weixin_30342827/article/details/96782924

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]
   

还没有人抢沙发呢~