IE6使用add方法添加optGroup的bug
2006-02-20 00:57
363 查看
合理的使用optGroup元素,可以极大地增强select下拉列表框的表现能力。我是比较喜欢在select中使用optGroup做数据分类的,不过不知道微软搞什么飞机,就这么一个html标签bug还真是不少。刚才又在使用DOM操作select添加optGroup时发现了问题。
如下简单的代码,我们会得到什么结果呢?
<select id="slt1">
</select>
</script>
按我们对select的add方法的理解,似乎应该得到分组列表框:,但实际上我们得到的列表框却是:。为什么会是第二种情况呢<SELECT id=slt1>
<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>
至于add方法的问题,只能算作optGroup的又一个bug了:(
相关文章:在使用optgroup时遇到的缺陷与修复
如下简单的代码,我们会得到什么结果呢?
<select id="slt1">
</select>
</script>
按我们对select的add方法的理解,似乎应该得到分组列表框:,但实际上我们得到的列表框却是:。为什么会是第二种情况呢<SELECT id=slt1>
<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>
至于add方法的问题,只能算作optGroup的又一个bug了:(
相关文章:在使用optgroup时遇到的缺陷与修复
相关文章推荐
- select 下拉菜单Option对象使用add(elements,index)方法动态添加
- 使用add方法进行按钮等对象的添加
- jquery之管理包装元素集合(筛选元素包装集之添加更多元素到包装集,add()方法的使用)
- sqlserver 多库查询 sp_addlinkedserver使用方法(添加链接服务器)
- sp_addlinkedserver使用方法(添加链接服务器)
- List使用add方法添加数据时的覆盖问题
- 作业: 一.使用泛型版的ArrayList集合,对其添加100个不同的整数: 1.使用add()方法将100个整数添加到ArrayList集合中; 2.调用集合的iterator()方法获得Itera
- sqlserver 多库查询 sp_addlinkedserver使用方法(添加链接服务器)
- Spring中c3p0连接池的配置 及JdbcTemplate的使用 通过XML配置文件注入各种需要对象的操作 来完成数据库添加Add()方法
- Android使用addView动态添加组件的方法
- 使用ArrayList集合,对其添加100个不同的元素: 1.使用add()方法将元素添加到ArrayList集合对象中; 2.调用集合的iterator()方法获得Iterator对象,并调用Ite
- (新招儿) 巧妙使用ComboBox.Items的Add方法添加列表项
- jQuery使用addClass()方法给元素添加多个class样式
- 使用ComboBox.Items的Add方法添加列表项
- List使用add方法添加数据时的覆盖问题
- 多库查询 sp_addlinkedserver使用方法(添加链接服务器)
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- 使用ArrayList集合,对其添加100个不同的元素: 1.使用add()方法将元素添加到ArrayList集合对象中; 2.调用集合的iterator()方法获得Iterator对象,并调用Ite
- select 下拉菜单Option对象使用add(elements,index)方法动态添加
- List使用add方法添加对象-只显示最后添加的数据的问题