如何在動態創建的選擇標籤中添加空白選項？

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); 
    }