IE6下js通过css隐藏select的一个bug_表单特效

今天遇到一个问题, 当隐藏表格行 Tr 时 
$id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");,
表格行 Tr 里面的 select 在 IE6 中隐藏不了,还是会显示在页面当中。想单独设置 select 的样式为隐藏
$id("new_attpm_id2_" + id).style.setAttribute('cssText',"display:none;");
也隐藏不了,上网搜索找到文章《IE6下,js通过css隐藏select的一个bug》,原来这是 IE6 的一个 Bug ,可以通过 style.display = "none";使其隐藏。
最终代码如下 $id("new_attpm_id2_" + id).style.display = "none"; 问题顺利解决。

请在ie6下打开:ie6_js_hidden_select_bug.html

通过:

document.getElementById('J_Test').style.display = 'none';
可以隐藏select元素。

但是通过:

document.body.id = 'page';
配合css代码:

#page select { display: none; }
在ie6下,无法隐藏select元素。
尝试position, setTimeout, 改变zoom到1.001等方法,均失败。

想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估计和上面的bug根由是一样的:在ie6下,select是windowed element,其表现和普通的HTML elements有本质上的区别。至于究竟为何?估计只能去看微软的源码了。

时间: 2024-10-25 19:16:03

IE6下js通过css隐藏select的一个bug_表单特效的相关文章

用javascript和css模拟select的脚本_表单特效

          选项一选项二选项三选项四选项五选项六选项七   选项一选项二选项三      

select标记美化--JS式插件、后期加载_表单特效

<select>标签的外观问题很恼人,各个浏览器都不一致,单单就IE,一个版本就一个长相,还不能用CSS修饰. 在这将本人对<select>的美化方法共享出来.优点: 仍保留使用<select>,仅改变外观,不改变不干预Form行为,后期加载JS.(注:本脚本依赖jQuery) 啥也不说了,都在代码里.效果图在底部. 复制代码 代码如下: $(document).ready(function () {     // 找出需要美化的<select>标记,我们用

js 操作select相关方法函数_表单特效

1.判断select选项中 是否存在value="paravalue"的item2.向select选项中 加入一个item3.从select选项中 删除一个item4.修改select选项中 value="paravalue"的text为"paratext"5.设置select中text="paratext"的第一个item为选中6.设置select中value="paravalue"的item为选中7.得

js下拉菜单中自动信息轮换播放_表单特效

要完成此效果把如下代码加入到<body>区域中 Welcome To Typhoon Start. JavaScript Fairyland. _www.jb51.net. 我只是提出这种思路,其它要靠自己发挥喽. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js下获得单选框的值的代码_表单特效

是 否 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

表单JS弹出填写提示效果代码_表单特效

HTML 复制代码 代码如下: <form id="form1" runat="server"> <div> <div style="margin-top:100px"> <asp:TextBox ID="TextBox1" runat="server" HintTitle="增加的内容信息标题" HintInfo="控制在100个字数

javascript下兼容firefox选取textarea文本的代码_表单特效

兼容firefox下选取textarea文本的方法 千万别相信我说的事情,我从来就没有这么勇敢过,这么壮烈过.我不断发誓要老老实实讲故事,可是说实话的愿望有多强烈,受到的各种干扰就有多大.我悲哀地发现根本就无法还原真相.记忆总是被我的情感改头换面,并随之捉弄我,背叛我.把我搞得头昏脑胀,真假难辩. 获取选中的文字段

为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)_表单特效

下面的例子将展示其结果是没有重载显示提交. 当用户选择一个选项上面,一个函数叫做"getVote()"执行.该功能所引发的"的OnClick"事件 复制代码 代码如下: <html> <head> <script type="text/javascript"> function getVote(int) { if (window.XMLHttpRequest) {// code for IE7+, Firefo

打造个性化的Select(可编辑)_表单特效

可编辑的Select 长度可以随意修改 可以设置为只读 可以遮盖系统Select 系统的Select