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>
<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 属性。