IE6使用add方法添加optGroup的bug
来源:互联网 发布:网络语肥皂是什么意思 编辑:程序博客网 时间:2024/06/15 03:47
合理的使用optGroup元素,可以极大地增强select下拉列表框的表现能力。我是比较喜欢在select中使用optGroup做数据分类的,不过不知道微软搞什么飞机,就这么一个html标签bug还真是不少。刚才又在使用DOM操作select添加optGroup时发现了问题。
如下简单的代码,我们会得到什么结果呢?
按我们对select的add方法的理解,似乎应该得到分组列表框:,但实际上我们得到的列表框却是:。为什么会是第二种情况呢?那么我们来看看IE DOM操作后生成的Html到底是什么呢?
这是什么东东啊?optGroup怎么又嵌到optGroup里面去了?optGroup不支持mutli-hierarhical呀!
原来我们必须改用通用的DOM操作方式,即使用appendChild(element)方法才能获得正确的select列表的分组结构,示例代码如下:
至于add方法的问题,只能算作optGroup的又一个bug了:(
相关文章:在使用optgroup时遇到的缺陷与修复
如下简单的代码,我们会得到什么结果呢?
<select id="slt1">
</select>
<script language="javascript">
document.body.onload = function()
{
for ( var i=0 ; i < 3 ; ++i )
{
var group = document.createElement('OPTGROUP');
group.label = 'group 1-' + i;
slt1.add(group);
}
};
</script>
</select>
<script language="javascript">
document.body.onload = function()
{
for ( var i=0 ; i < 3 ; ++i )
{
var group = document.createElement('OPTGROUP');
group.label = 'group 1-' + i;
slt1.add(group);
}
};
</script>
按我们对select的add方法的理解,似乎应该得到分组列表框:,但实际上我们得到的列表框却是:。为什么会是第二种情况呢?那么我们来看看IE DOM操作后生成的Html到底是什么呢?
<SELECT id=slt1>
<OPTGROUP label="group 1-0">
<OPTGROUP label="group 1-2">
</OPTGROUP>
<OPTGROUP label="group 1-1">
</OPTGROUP>
</SELECT>
<OPTGROUP label="group 1-0">
<OPTGROUP label="group 1-2">
</OPTGROUP>
<OPTGROUP label="group 1-1">
</OPTGROUP>
</SELECT>
这是什么东东啊?optGroup怎么又嵌到optGroup里面去了?optGroup不支持mutli-hierarhical呀!
原来我们必须改用通用的DOM操作方式,即使用appendChild(element)方法才能获得正确的select列表的分组结构,示例代码如下:
<select id="slt2">
</select>
<script language="javascript">
document.body.onload = function()
{
for ( var i=0 ; i < 3 ; ++i )
{
var group = document.createElement('OPTGROUP');
group.label = 'group 2-' + i;
slt2.appendChild(group);
}
};
</script>
</select>
<script language="javascript">
document.body.onload = function()
{
for ( var i=0 ; i < 3 ; ++i )
{
var group = document.createElement('OPTGROUP');
group.label = 'group 2-' + i;
slt2.appendChild(group);
}
};
</script>
至于add方法的问题,只能算作optGroup的又一个bug了:(
相关文章:在使用optgroup时遇到的缺陷与修复
- IE6使用add方法添加optGroup的bug
- 下拉框中optGroup的一个bug
- extjs ADD()方法的添加
- 使用ComboBox.Items的Add方法添加列表项
- List使用add方法添加数据时的覆盖问题
- List使用add方法添加数据时的覆盖问题
- List使用add方法添加对象问题
- IE6的一個小bug
- IE6的极品bug
- ie6 的bug
- ie6的height bug
- ie6的height bug
- IE6的bug
- IE6的各种BUG
- Ie6的Bug
- ie6,ie7的bug
- IE6 BUG的解决方法
- IE6 BUG的解决方法
- 模态窗口对字符串参数的巨无聊限制
- 随机数字直接生成图片的ASP代码
- 应用虑镜特效时遇到浏览器权限问题
- encode脚本和normal脚本混用的问题
- IE7提供XMLHttpRequest对象为兼容
- IE6使用add方法添加optGroup的bug
- Visual studio .net已检测到指定的Web服务器运行的不是asp.net1.1版,您将无法运行asp.net Web应用程序或服务
- IE解析完全相同html代码的不同表现
- xml
- 怎样在Web开发中完美控制IE标题栏
- IE6 Hotfix MS-042将导致其Crash!
- 前世欠你的一滴泪
- IIS对于Web页中相对路径解析的问题
- 关于对cross-browser支持的一些看法