zoukankan      html  css  js  c++  java
  • JS创建select的optgroup

    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了。
  • 相关阅读:
    自我介绍
    秋季学期总结
    第七周编程总结
    第六周作业
    第五周编程总结
    第四周编程总结
    第三周作业
    第二周作业
    抓老鼠啊~亏了还是赚了
    币值转换
  • 原文地址:https://www.cnblogs.com/top5/p/2164099.html
Copyright © 2011-2022 走看看