<html>
<body onload="init()">
<div id="test"><div>
<script>
function init() {
aSelect = document.createElement("select");
aSelect.name = 'test';for(var i = 1; i <=5; i++) {
    aOption = document.createElement("option");
    aOption.value = i;
    aOption.text = i;
    if(i == 3) {
        aOption.selected = true;
    }
    aSelect.options.add(aOption);
}
document.getElementById("test").appendChild(aSelect);
}
</script>
</body>
</html>
这段代码实现的显示效果是(在IE中2被选中,在FF中3被选择)
从程序代码的意思是要3选中
请问这是什么原因造成的?
之前开的那个贴http://topic.csdn.net/u/20090605/14/6d7acbf1-e182-4074-8323-97a08f4f3896.html可能我没有表述清楚

解决方案 »

  1.   

    <html> 
    <body onload="init()"> 
    <div id="test"> <div> 
    <script> 
    function init() { 
    aSelect = document.createElement("select"); 
    aSelect.name = 'test'; for(var i = 1; i <=5; i++) { 
        aOption = document.createElement("option");
        aSelect.options.add(aOption);  
        aOption.value = i; 
        aOption.text = i; 
        if(i == 3) { 
            aOption.selected = true; 
        } } 
    document.getElementById("test").appendChild(aSelect); 

    </script> 
    </body> 
    </html> IE中要先插入DOM TREE才能选中.