本文探讨了在Internet Explorer浏览器中使用JavaScript动态设置select元素内容时遇到的问题，并提供了一种解决方案。
我们用select来选取一个国家，当我辛辛苦苦拼凑字符串，然后把这个字符串赋值给select的innerHTML，运行，在firefox下能显示出所有的国家。但是在IE下却什么都没有显示。刚开始我还以为是我拼凑的字符串有问题，仔细检查没有啊。后台到google上search了下，发现是ie处理select的一个bug。于是做了一个简单的测试。
1
<html>
2<head>
3<title>test</title>
4
<script language="javascript">
5
function test(){
6
var elem=document.getElementById("testS");
7 elem.innerHTML="<option value=1>aa</option>";
8
}
9
10</script>
11</head>
12<body>
13<input type=button value=test onclick='test()'>
14<div>
15 <select id='testS'></select>
16</div>
17</body>
18</html>
<html>2
<head>3
<title>test</title>4
<script language="javascript">5
function test(){6
var elem=document.getElementById("testS"); 7
elem.innerHTML="<option value=1>aa</option>";8
}9
10
</script>11
</head>12
<body>13
<input type=button value=test onclick='test()'>14
<div>15
<select id='testS'></select>16
</div>17
</body>18
</html>
点击test按钮，在IE下，select框没有任何的内容。怪异啊！
于是不得不利用Option对象来增加select的内容。
扫一扫
1494
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
