频道栏目
首页 > 资讯 > HTML/CSS > 正文

火狐,safari,chrome的select以及option适配

17-08-28        来源:[db:作者]  
收藏   我要投稿

火狐,safari,chrome的select以及option适配,匹配火狐下options不显示问题。

<select class="music-select" style="width: 300px;" onchange="bao(this.options[this.options.selectedIndex].value,this.options.selectedIndex,this.options[this.options.selectedIndex].label)"> select>

    function init() {
       var sele = document.getElementsByClassName("music-select")[0];
        sele.options[0] = new Option("请选择音乐");
        sele.options[0].selected = "selected";

        sele.options[1] = new Option("刘德华-冰雨(国)(Live).mp3");
        sele.options[1].value = 0;

        sele.options[2] = new Option("../201510/GridViewLiveTiles.html");
        sele.options[2].value = 1;

        sele.options[3] = new Option("../201510/GridViewLiveTiles.html");
        sele.options[3].value = 2;

        sele.options[4] = new Option("刀郎-喀什噶尔胡杨 (全新刀郎Demo珍藏版).mp3");
        sele.options[4].value = 3;

    }
  this.onload = init();
相关TAG标签
上一篇:DOM节点方法
下一篇:JavaScript算法阶乘1
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站