javascript中如何通过被打开的窗体在opener窗体中添加option选项

最新推荐文章于 2025-08-09 20:51:19 发布

cxzhq2002

最新推荐文章于 2025-08-09 20:51:19 发布

阅读量908

点赞数

CC 4.0 BY-SA版权

文章标签： javascript list

本文链接：https://blog.youkuaiyun.com/cxzhq2002/article/details/1920464

本文介绍如何使用JavaScript在不同窗口间动态添加或修改Option元素。通过创建Option对象并利用window.opener访问父窗口来实现跨窗口操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

document.form1.list1.options[ 0 ] = new Option( " A1 " , " a1 " );

假设现在有一个表单名字叫form1，其中有一个list1为列表。

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

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

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

window.opener.document.all.list1.options[ 0 ] = new Option( " AA " , " aa " );

假设opener窗体中有一个name=list1的列表

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

var newOpt = window.opener.document.createElement( " option " );

newOpt.text = " AA " ;

newOpt.value = " aa " ;

window.opener.document.all.list1.options.add(newOpt);

这样就可以在opener窗体中创建一个option选项。

======================================================

以上摘自http://www.cnblogs.com/tonyqus/archive/2005/05/18/158357.html

自行补充如下:

我一般是父窗口中写一个AddOption方法
funtion AddOption()
{
var newOpt=document.createElement("option");
newOpt.text="AA";
newOpt.value="aa";
document.all.list1.options.add(newOpt);
}
然后在子窗口调用
window.opener.AddOption()调用即可

var newOpt=window.opener.document.createElement("option");
newOpt.text="AA";
newOpt.value="aa";
window.opener.document.all.list1.options[0]=newOpt
也可以这样

原因是：要在父窗口中建立Option,否则当父窗口无法直接引用子窗口中的对象

javascript中规定：只允许窗体访问自己的变量对象.

window.opener.document.all.list1.options.remove(0)

window.opener.document.all.list1.options[0].text="234"

new Option,这个只能用在是本页内的