站内搜索:
首页 >> 前端 >> 内容
火狐,safari,chrome的select以及option适配

时间:2017/8/28 9:23:00

火狐,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("罗大佑-恋曲1990.mp3");
        sele.options[2].value = 1;

        sele.options[3] = new Option("阿木-爱江山更爱美人.mp3");
        sele.options[3].value = 2;

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

    }
  this.onload = init();

  • 上一篇:Tomcat+JSP+Oracle信息查询系统开发笔记(2)
  • 下一篇:由于轮播图片超宽造成的影响
  • 返回顶部