innerHTML在IE8下出现奇怪的事情:option前部分不见了,请大家帮忙
类型:
<select id="type" name="type">
<option value="1_1">1_1</option>
<option value="1_2">1_2</option>
</select>
分类:
<select id="category" name="category" onchange="if(this.value != '') setChange(this.options[this.selectedIndex].value);">
<option value="0">评论</option>
<option value="1">投票</option>
<option value="2">提问</option>
</select>
<script type="text/javascript">
function setChange(str)
{
content = null;
var city = document.getElementById('type');
//alert(city.innerHTML);
if(str == '0'){
alert('修改前值:'+ city.innerHTML);
content = "<option value='1_1'>1_1</option><option value='1_2'>1_2</option>";
city.innerHTML = content;
alert('修改后值:' + city.innerHTML);
}else {
content = "<option value='0'>未知</option>";
alert('修改前值:'+ city.innerHTML);
city.innerHTML = content;
alert('修改后值:' + city.innerHTML);
}
}
</script>