select 后面appendChild 不行

1，我在js里面创建了一个div
2，再向div里面中写入内容。
3，然后把这个div加到了select的后面
（放在body后面可以）
这样子为什么不行啊。。。。。。。。求高手。

window.onload=function(){

           var a =document.createElement("div");
   a.id="div1";
   var newText = document.createTextNode('这是新建立 div 中的文字。');
   a.appendChild(newText);
            var idSel=document.getElementById("idSel");

document.body.appendChild(a);

// idSel.appendChild(a); /这样子就显示不了。请高手
}

</SCRIPT>
</HEAD>
<body>
<select id="idSel" >
<option value="1">test</option>
<option value="2">chianaese</option>
<option value="3">japanes</option>
</select>
</body>

你这不是放在select后面，而是放在select里面，select下当然不能有div了（只有option）

你要做的是用insertBefore接口，将它放在与select同层后方的位置：

[code="js"]
idSel.parentNode.insertBefore(a, idSel.nextSibling);
[/code]