刪除/隱藏javascript中的select選項而不使其顯得笨拙（需要延遲select元素的本機onclick事件）

Question

碼：
https://dl.dropboxusercontent.com/u/16952797/webdev/uppg1/kontakt.html
http://jsfiddle.net/v8uMJ/ （結果框未成功呈現頁面或重現錯誤）

相關代碼：

function addEvent(element, eventType, theFunction, capture)
{
    if(element.addEventListener)
    {
        element.addEventListener(eventType, theFunction, capture);
    } 
    else if(element.attachEvent)
    {
       element.attachEvent( "on" + eventType, theFunction);
    }
}

function removeDefaultOption(event)
{
    document.getElementById("selectSuggestion").options[0].style.display = "none";      // <-- looks awkward
    //document.getElementById("selectSuggestion").remove(0);                                            // <-- also looks awkward and needs boundaries so that all options don't get removed after each click
    //delay(1000);                                                                                                                  // <-- tried delaying the thread but it didn't work..
    //setInterval(function(){},1000);                                                                                   // <-- tried delaying the thread but it didn't work..
}

function addEventListeners()
{
...
    addEvent(document.getElementById("selectSuggestion"), "click", removeDefaultOption, false);
}

上下文：因此，我想做的就是每當您單擊建議表單中的select元素（瑞典語：Förslag）時，我希望第一個選項（值：-VäljFörslag--）從列表中消失。 問題是選項顯示得“太快”，所以我要么需要a）設置樣式之后才延遲選項的顯示。顯示第一個選項或b）我需要防止單擊select和的默認事件。然后使用我自己的函數覆蓋它，這樣我就可以控制它應該在何時運行（當您單擊select元素時，我不知道運行的本機函數的名稱）。

Answer 1

使用“焦點”事件而不是“單擊”事件。 當焦點對准功能時，這會激發功能的透明度，而不是“等待”完成點擊。

清理后的JS小提琴： http ： //jsfiddle.net/vhS3p/1/

document.getElementById("selectSuggestion").addEventListener("focus", removeDefaultOption, false);

Answer 2

嘗試刪除所需的選項，如下所示：

var index = 0;
var select =  document.getElementById("selectSuggestion");
select.removeChild(select[index]);