<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可能我没有表述清楚
<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可能我没有表述清楚
<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才能选中.