您现在的位置：首页 >> 前端 >> 内容

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

时间：2017/8/28 9:23:00 点击：

　　核心提示：火狐，safari,chrome的select以及option适配,匹配火狐下options不显示问题。select class=music-select style=width: 300px; on...

火狐，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();