JavaScript seeting selectedIndex為空白以供選擇不起作用

Question

我試圖將下拉選擇的默認選擇設置為空白。

如果我使用HTML生成選擇下拉列表，則可以正常工作。 但是，當我使用javascript生成相同的下拉列表時，它不起作用。

請參閱http://jsfiddle.net/m2HSb/

<select id="myDropdown">      
    <option>Option 1</option>     
    <option>Option 2</option>     
    <option>Option 3</option>     
</select> 

<div id="yo"></div>

document.getElementById("myDropdown").selectedIndex = -1

var my_select = document.createElement("select")
for ( var i = 0 ; i < 3 ; i++ ) {
    my_select.options[i] = new Option(i,i)    
}
my_select.selectedIndex = -1
document.getElementById("yo").appendChild(my_select)

請注意，第一個下拉列表是空白，第二個下拉列表是空白。

Answer 1

顯然你不能設置尚未插入DOM的select元素的selectedIndex 。

如果在append后移動my_select.selectedIndex = -1 ，那么它可以正常工作。

var my_select = document.createElement("select");
for ( var i = 0 ; i < 3 ; i++ ) {
    my_select.options[i] = new Option(i,i);
}
document.getElementById("yo").appendChild(my_select);
my_select.selectedIndex = -1;

這是小提琴 。