日期:2014-05-16  浏览次数:20392 次

ie中appendChild加入的结点中如果有select元素的问题??
我先前那个问题梅大师帮我解决了,但又碰到一个新问题,呵呵,做BS开发真烦呀!
当div中有select的时候,appendChild载入后select无法显示,但在FF里一切正常 
这是怎么回事呀?? 
<div id="mm" style="display:none" > 
<asp:textbox runat="server" id="tbName" > </asp:textbox > 
<asp:DropDownList id="DropDownList1" runat="server" Width="168px" > </asp:DropDownList > 
</div >  
<div id="nn" >nn </div >  
JS:  
document.getElementById("nn").innerHTML = "";  
document.getElementById("nn").appendChild(document.getElementById("mm")); 

运行时候那个DropDownList框不显示出来,但在FF里要显示,换成insertBefore也是一样的情况,谢谢!
希望梅大师再帮忙解决一下

------解决方案--------------------
更正上面的代码,上面的代码把id为mm的div层也显示出来了

JScript code
document.getElementById("nn").innerHTML = ""; 
var child=  document.getElementById("mm");
document.getElementById("nn").innerHTML=child.innerHTML;

------解决方案--------------------
我的是IE6.0,显示很正常
HTML code
<html > 
<head > 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" > 
<title > </title > 
</head > 


<body > 
<div id="mm"    style="display:none"  >  
<input name="t2" type="text" id="t2" / >  
<select name="t1" id="t1" >
<option selected="selected" value="1" >a </option > 
<option value="2" >b </option > 
<option value="3" >c </option > 
</select>
</div   >   
<input type="button" onclick="getDiv()" value="显示" />
<div id="nn"  style="background-color:Lime">nn   </div   >   
 



</body > 
</html >

<script language="javascript" type="text/javascript" > 
function getDiv()
{
     document.getElementById("mm").style.display="block";
     document.getElementById("nn").appendChild(document.getElementById("mm")); 
}
</script >