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

IE!!IE!!这个怪了.谁能解释!
<script   language= "javascript "   type= "text/javascript ">
function   appendAfter(nodeid)
{
var   node   =   document.getElementById(nodeid);
alert(document.getElementById(nodeid).innerHTML);//注意这里
var   tmp   =   document.getElementById(nodeid).innerHTML;
alert(tmp);//注意这里
document.getElementById( "selectrow86 ").innerHTML   =   tmp;
alert(document.getElementById( "selectrow86 ").innerHTML);//特别注意这里!!!

}
</script>
           
<li>
<label> c1 </label>

        <select   size= "1 "   id= "selectrow85 "   name= "selectrow85 ">
<option   value= '33469 '> v1 </option> <option   value= '33548 '> v2 </option> <option   value= 'both '> v1   and   v2 </option>
        </select>

    &nbsp;&nbsp;&nbsp; <a   href= "javascript:void(0) "   onclick= "appendAfter( 'selectrow85 ') "> more </a> </li>

<select   size= "1 "   id= "selectrow86 "   name= "selectrow86 ">
</select>

以上代码如果在IE6里面运行,你会得到奇怪的结果..firefox正确.请教!!!

------解决方案--------------------
对于 <select> 这个元素,你最好不要用 innerHTML 来操作,而是使用
obj.options[i] = new Option( "text ", "value ", true, true); 添加
用数组的 remove 方式来减少项
------解决方案--------------------
IE 不支持设置 select、table、TD、TR 等元素的 innerHTML 属性。