帮忙看看js兼容性问题

Question

<div id='test'></div>
<script>
window.onload = function (){
    var select = document.createElement('select');
    for(var ii=0; ii<10; ii++){
        option = document.createElement('option');
        option.value = ii;
        option.text = ii;
//        option.selected = ii==3 ? 'selected' : '';
        select.options.add( option);
    }
select.selectedIndex = 3
    document.getElementById('test').appendChild( select);
}
</script>

Answer 1

<div id='test'></div>
<script>
window.onload = function (){
    var select = document.createElement('select');
    for(var ii=0; ii<10; ii++){
        option = document.createElement('option');
        option.value = ii;
        option.text = ii;
       
        select.options.add( option);
 option.selected = ii==3 ? 'selected' : '';
    }
    document.getElementById('test').appendChild( select);
}
</script>

Answer 2

<div id='test'></div>
<script>
window.onload = function (){
    var select = document.createElement('select');
    for(var ii=0; ii<10; ii++){
        option = document.createElement('option');
        option.value = ii;
        option.text = ii;
       
        select.options.add( option);
 option.selected = ii==3 ? 'selected' : '';
    }
    document.getElementById('test').appendChild( select);
}
</script>

Answer 3

谢谢my_web,你的是对的
为啥会这样呢?能解释下么?