0

ドロップダウン選択のデフォルトの選択を空白にしようとしています。

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)

最初のドロップダウンは空白で、2番目のドロップダウンは空白ではないことに注意してください。

4

1 に答える 1

2

どうやら、まだDOMに挿入されていない要素のselectedIndexを設定することはできません。select

その後移動すると、正常my_select.selectedIndex = -1にappend動作します。

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;

これがフィドルです。

于 2013-03-26T21:02:56.973 に答える