首先修改你的代码：见
红色部分
方法1：（
推荐使用）
<script type="text/javascript" >
var s = document.createElement("SELECT");
var op0 = document.createElement("OPTION");
s.appendChild(op0);
op0.value = "";
op0.text = "请选择月";
for (var i = 1; i < 13; i++) {
var op = document.createElement("OPTION");
s.appendChild(op);
op.value = i;
op.text = i + "月";
}
document.getElementById('div1').appendChild(s);
//document.getElementById('div1').style.display = "block";
</script>
说明：只是把红色一行代码移动放到最后面就可以了，你的问题就可以解决了，够简单吧，你是不是在这里头破血流了？嘿嘿...
方法2：
<script type="text/javascript" >
var s = document.createElement("SELECT");
document.getElementById('div1').appendChild(s);
var op0 = document.createElement("OPTION");
s.appendChild(op0);
op0.value = "";
op0.text = "请选择月";
for (var i = 1; i < 13; i++) {
var op = document.createElement("OPTION");
s.appendChild(op);
op.value = i;
op.text = i + "月";
}
document.getElementById('div1').outerHTML+="";
// document.getElementById('div1').style.display = "block";
</script>
说明：不动原来的代码，只要在后面加上红色部分的代码，你的问题就解决了，也是简单的吧，: )
分析：
跟
添加显示的顺序性有关，首先你建立了SELECT对象后
马上加到DIV中，相当于向DIV中加了一个没有OPTIOIN的SELECT对象，到后面的程序又加了OPTION对象，这个时候OPTION是加到SELECT对象了，但SELECT对象没有得到
“调整”一下，
好象穿的衣服太紧了，呵呵，比喻不知恰当否，所以
要么把整个SELECT 和 OPTION都建立好了以后，最后才添加到DIV中，
要么在最后“调整”一下建立完整后的SELECT也可以，让建立完的SELECT对象
松散点；
呵呵。。。有分不？
