如何在動態創建的選擇標記中添加一個空選項？

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