为什么IE中老是提示select.options[select.options.length]=new Option……不支持该对象属性或方法

爱摸鱼de老邪 2011-08-20 03:28:39
如题。问题产生的背景:
在A页面打开一个模态窗口B,传入A中的select元素对象aSel,在B中用aSel.options[aSel.option.length]=new Option(……在IE中老是报运行时错误,提示该行有不支持的属性或方法,在FF中正常。看了一下有关的书,上述动态添加option的写法应该是跨浏览器的。我直接在A中用该方法添加成功,难道是因为模态窗口的问题的么?SOS
...全文
470 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
休谱诺斯 2011-08-23
  • 打赏
  • 举报
回复
[Quote=引用 17 楼 still_rain 的回复:]
引用 15 楼 licip 的回复:
我的机子上,new Option();
可以用呀。是IE6,你是什么版本?

测试浏览器:IE 7, FF 3.0
[/Quote]
可能是浏览器的版本造成的。。。
爱摸鱼de老邪 2011-08-22
  • 打赏
  • 举报
回复
[Quote=引用 15 楼 licip 的回复:]
我的机子上,new Option();
可以用呀。是IE6,你是什么版本?
[/Quote]
测试浏览器:IE 7, FF 3.0
乌镇程序员 2011-08-21
  • 打赏
  • 举报
回复
干脆不要传递这个对象参数,B页面中直接使用window.opener.document.getElementById('xxx')来获取对象。
MuBeiBei 2011-08-21
  • 打赏
  • 举报
回复
父页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<select id="sel">

</select>
<script>
var sel = document.getElementById('sel');
var returnvalue = window.showModalDialog('b.html',sel);
if(returnvalue){
var option = document.createElement('option');
option.innerHTML = returnvalue;
sel.appendChild(option)
}
</script>
</body>
</html>


子页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
bbbbbbbbbbbbbbb
<input type="button" value="click me" onclick="aa()" />
<script>
function aa(){
var sel = window.dialogArguments;
var option = 'aaaa'
window.returnValue = option;
window.close();
}
</script>
</body>
</html>




楼主看看,做了一个例子~·
爱摸鱼de老邪 2011-08-21
  • 打赏
  • 举报
回复
在中断调试模式下查看局部变量看到了这个对象。在A页面中打开模态窗口的代码如下:
……
var aSel = document.getElementById("xxx");
var srcFile="b.jsp";
var winFeatures="xxxxxxxx";
window.showModalDialog(srcFile,aSel,winFeatures);

在B页面中相关处理函数中;
……
var aSel = window.dialogArguments;
……
MuBeiBei 2011-08-21
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 still_rain 的回复:]
这样也不行。为什么IE中在A页面中用aSel.options[aSel.options.length]=new Option(……则一点问题都没有呢。
[/Quote]


因为aSel就是A页面里面的元素啊。

你确定你用模式窗口打开的新页面,里面传入A页面的aSel这个对象了吗?》
乌镇程序员 2011-08-21
  • 打赏
  • 举报
回复
aSel是怎么传到B页面的?
window.opener.aSel.options[aSel.option.length]=new Option(..  //这样呢?
爱摸鱼de老邪 2011-08-21
  • 打赏
  • 举报
回复
这样也不行。为什么IE中在A页面中用aSel.options[aSel.options.length]=new Option(……则一点问题都没有呢。
  • 打赏
  • 举报
回复
或者把要增加的所有OPTION的各属性值写成一个JSON返回,在A里再建。dialogArguments传值相对还是只能传些简单结构的数据,数组也是对象,但不意味着更复杂的对象也都支持。因为简单的对象方法已经足够满足,就没必要过多地实现它了。
licip 2011-08-21
  • 打赏
  • 举报
回复
我的机子上,new Option();
可以用呀。是IE6,你是什么版本?
爱摸鱼de老邪 2011-08-21
  • 打赏
  • 举报
回复
谢谢MuBeiBei给的使用返回值的例子,但是如果多个option值需要传递父窗口的话还是有些麻烦,需要切分字符串的处理。T5500说的window.parent(模态窗口opener为null)获取对象跟直接从A页面传递对象一样,都是能获取到该select对象,我的需求里A页面中有个select对象,B页面中也有个select对象,从B中选取的是A中没有的option,所以处理逻辑中有比较option的value值,用传递的select对象能够进行比较操作、删除操作,就是不能进行添加操作,标准的三种跨浏览器的方法我都试过了,就是报不支持该属性或方法(IE中,FF中能够正常操作)。最后没办法,只能使用从模态窗口中调用父窗口的方法去解决了。
现在的疑惑是为什么IE中不支持传递的父窗口select对象对自身的option的添加操作,希望有知道原因的哪位能给在下解疑答惑一下。感谢以上两位的回答,尤其是MuBeiBei。暂时不结贴,挂上三四日,希望有我期待的答案。
MuBeiBei 2011-08-20
  • 打赏
  • 举报
回复
window.dialogArguments.aSel.appendChild(option);

这样~·
爱摸鱼de老邪 2011-08-20
  • 打赏
  • 举报
回复
用DOM的添加节点的方法我也试过了 ,也说不支持该属性或方法,我晕。两种方式为什么A页面添加就可以呢。不解
MuBeiBei 2011-08-20
  • 打赏
  • 举报
回复
var option = document.createElement('input');
option.value = 'value';
option.innerHTML = 'html';
aSel.appendChild(option);



改成这种形式 试试~·
爱摸鱼de老邪 2011-08-20
  • 打赏
  • 举报
回复
alert提示:[object],应该是取到了吧,而且我看到aSel.options.length值是对的,毕竟在FF中没有问题啊。
MuBeiBei 2011-08-20
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 still_rain 的回复:]
打字打快了,实际代码中没有少那个s。FF中是正常运行的,错误控制台没有报错。
[/Quote]

那你在ie下
alert(aSel)能拿到这个对象吗?
爱摸鱼de老邪 2011-08-20
  • 打赏
  • 举报
回复
打字打快了,实际代码中没有少那个s。FF中是正常运行的,错误控制台没有报错。
MuBeiBei 2011-08-20
  • 打赏
  • 举报
回复
aSel.options[aSel.options.length]=new Option

应该是aSel.options.length

楼主options少了个s
​ 博主介绍:✌在职Java研发工程师、专注于程序设计、源码分享、技术交流、专注于Java技术领域和毕业设计✌项目名称基于Web的酒店客房管理系统的设计与实现系统说明3.2.1  用户模块功能分析前台模块应主要包括用户登录模块、用户注册模块、查看客房信息模块、客房预定 模块、用户留言模块、充值模块和个人信息维护模块。用户登录模块:用户通过输入注册的的账号和密码,然后进行身份验证,匹配成功 后实现登录功能。用户注册模块:用户输入合法的账号和密码可以实现注册功能。 查看客房信息模块:用户可以通过首页查看客房的价格,图片,详情等信息,从而   可以选择想要预定的房间。 客房预定模块:用户选择自己想要预定的客房后,可以通过输入相关信息进行订房操作。用户留言模块:用户可以向管理员发送留言。 充值模块:用户可以通过添加银行卡再为自己进行充值操作。 个人信息维护模块:用户可以修改自己的姓名、密码、身份证号等信息,还可以查看自己的订单。3.2.2  管理员模块功能分析对于管理员而言,一个好的管理系统总是能让酒店的管理工作事半功倍[7]。管理员 能够通过这个系统对自己的酒店情况一目了然,应该包括客户留言模块、客房管理模 块、订房信息管理模块、入住信息管理模块、统计分析模块、酒店新闻管理模块、会 员信息管理模块、员工信息管理模块、系统用户管理模块、个人信息维护模块。客户留言模块:管理员可以查看并回复用户的留言。客房管理模块:管理员可以管理客房信息,可以添加新的客房,删除已经停用的客房信息,还可以修改现有的客房信息。订房信息管理模块:管理员可以处理用户的订房请求,为用户办理入住手续。入住信息管理模块:对于没有注册的线下客户,也可以办理入住手续。统计分析模块:可以对酒店所有的入住信息进行记录和总结分析。酒店新闻管理模块:管理员可以更新网站上的新闻公告,展示图片等信息。会员信息管理模块:管理员可以查看到所有的注册会员信息,可以对会员信息进行删除,修改,添加操作。员工信息管理模块:管理员可以查看到自己公司所有的员工信息,而且还可以对员工的相关信息进行管理。系统用户管理模块:管理员可以查看到所有的系统管理员信息并对管理员信息进行管理。个人信息维护模块:管理员可以更改自己的登录密码或者是姓名、性别、手机号等 相关个人信息。​编辑 环境需要1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS; 5.数据库:MySql 5.7版本;6.是否Maven项目:否;技术栈1. 后端:Spring+SpringMVC+Mybatis2. 前端:JSP+CSS+JavaScript+jQuery使用说明1. 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并导入项目的sql文件;2. 使用IDEA/Eclipse/MyEclipse导入项目,Eclipse/MyEclipse导入时,若为maven项目请选择maven;若为maven项目,导入成功后请执行maven clean;maven install命令,然后运行;3. 将项目中springmvc-servlet.xml配置文件中的数据库配置改为自己的配置;4. 运行项目,在浏览器中输入http://localhost:8080/ 登录运行截图​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑​编辑 用户管理控制层:package com.houserss.controller;import javax.servlet.http.HttpSession;import org.apache.commons.lang3.StringUtils;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.ResponseBody;import com.houserss.common.Const;import com.houserss.common.Const.Role;import com.houserss.common.ServerResponse;import com.houserss.pojo.User;import com.houserss.service.IUserService;import com.houserss.service.impl.UserServiceImpl;import com.houserss.util.MD5Util;import com.houserss.util.TimeUtils;import com.houserss.vo.DeleteHouseVo;import com.houserss.vo.PageInfoVo;/** * Created by admin */@Controller@RequestMapping(/user/)public class UserController if (ip != null && ip.length() > 0) String[] ips = ip.split(,);for (int i = 0; i  

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧