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

Question

我试图在select开头添加一个空的<option>，但没有成功。当我硬编码选项时，它被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); 
    }