如何在动态创建的选择标记中添加空选项？

Question

我正在尝试在<option>的开头添加一个空的select，但没有成功。当我对该选项进行硬编码时，它会被javascript忽略。

不起作用

<select id="pages" style="display:none;" onchange="getPage();">
 <option>select something</option>
  </select>

的javascript

  var pages = document.getElementById('pages');
            pages.style.display = 'block';
            for(var i =0; i < response.data.length; i++)
            {
              pages[i] = new Option(response.data[i].name,response.data[i].access_token);
            }

function getPage(){
    var e = document.getElementById("pages");
    var f = e.options[e.selectedIndex].value;    
    alert(f);
}

Answer 1

这解决了我的问题：

 document.getElementById("pages").insertBefore(new Option('', ''),
 document.getElementById("pages").firstChild);

完整实施

    var pages = document.getElementById('pages');
                pages.style.display = 'block';
                document.getElementById("pages").insertBefore(new Option('', ''), 
                document.getElementById("pages").firstChild);
                for(var i =0; i < response.data.length; i++)
                {
                  pages[i] = new Option(response.data[i].name,response.data[i].access_token);
                }

    function getPage(){
        var e = document.getElementById("pages");
        var f = e.options[e.selectedIndex].value;    
        alert(f);
    }