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

本文介绍如何从被打开的窗口中操作打开该窗口的上级窗口(opener)中的表单元素,特别是通过JavaScript动态添加Option选项到指定的列表框中。

摘要生成于 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选项。 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值