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了。
  • 相关阅读:
    公平锁,非公平锁,乐观锁,悲观锁
    需求分析
    需求的获取渠道
    php将中文字符串分割为数组
    面试题
    ecshop中错误
    应用上线前必须进行的10个QA测试
    资料1
    tp数据库配置
    Web开发思路
  • 原文地址:https://www.cnblogs.com/top5/p/2164099.html
Copyright © 2011-2022 走看看