JS创建select的optgroup和fieldset标签
2010-07-29 10:35
357 查看
var select1 = document.getElementById("select1");
var group=document.createElement('OPTGROUP');
group.label = "optiongroup1";
select1.appendChild(group);
select1.options.add(new Option("option1","1");
select1.options.add(new Option("option2","2");
生成的HTML代码为:
<select name="select1" id="select1">
<optgroup label="optiongroup1"></optgroup>
<option value="1">option1</option>
<option value="2">option2</option>
</select>
倒也不影响显示,关键是safari下,optgroup标签不显示了,
整了我好久,最后发现,optgroup闭紧了,只要结束标签前有个什么都能显示。即:
<optgroup label="optiongroup1"><!--这里随便有个字符--></optgroup>
于是我构造时插入空格:
var group=document.createElement('OPTGROUP');
group.label = "optiongroup1";
group.innerText= " ";
select1.appendChild(group);
这样子竟然OK了,搞不懂。
终于支持IE,Firefox, opera, safari, chrome了。
------------------------
<fieldset>
<legend>功能设置</legend>
</fieldset>
var group=document.createElement('OPTGROUP');
group.label = "optiongroup1";
select1.appendChild(group);
select1.options.add(new Option("option1","1");
select1.options.add(new Option("option2","2");
生成的HTML代码为:
<select name="select1" id="select1">
<optgroup label="optiongroup1"></optgroup>
<option value="1">option1</option>
<option value="2">option2</option>
</select>
倒也不影响显示,关键是safari下,optgroup标签不显示了,
整了我好久,最后发现,optgroup闭紧了,只要结束标签前有个什么都能显示。即:
<optgroup label="optiongroup1"><!--这里随便有个字符--></optgroup>
于是我构造时插入空格:
var group=document.createElement('OPTGROUP');
group.label = "optiongroup1";
group.innerText= " ";
select1.appendChild(group);
这样子竟然OK了,搞不懂。
终于支持IE,Firefox, opera, safari, chrome了。
------------------------
<fieldset>
<legend>功能设置</legend>
</fieldset>
相关文章推荐
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- JS创建select的optgroup
- js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点
- js获取select标签选中的值
- js 创建动态标签
- JS 实现创建HTML标签及解析Json
- JS操作select下拉框动态变动(创建/删除/获取)
- js 用CreateElement动态创建标签示例
- js获取select标签选中的值
- mysql insert一条记录(事务提交之前)怎样返回创建记录的主键id,last_insert_id(),selectkey && <select> 标签属性
- JS 给select下动态创建options的兼容问题
- js 用CreateElement动态创建标签 //*************************************//
- js操作select标签
- js获取select标签选中的值及文本
- js select 标签选定项的值获取代码
- JS动态创建HTML标签
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- js获取select标签选中的值和 赋值
- JS操作select下拉框动态变动(创建/删除/获取)